Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <section id="ov-listado-menu">
- <!-- Aquí es donde se cargará el contenido dinámico -->
- </section>
- <script>
- // Hacer una solicitud GET a la URL de la aplicación web de Google Apps Script
- fetch('https://script.google.com/macros/s/AKfycbzeXVrsOq7dvgbnQQn-0Mektvb6P9wLe_BRKoZsq6CqlMh6w-XGUWleBDaYX7f6u9Qr/exec')
- .then(response => response.json())
- .then(data => {
- // Procesar los datos y construir el HTML
- var html = '';
- for (var section in data) {
- html += '<h2 class="titulo-seccion">' + section + '</h2>\n';
- for (var i = 0; i < data[section].length; i++) {
- var dish = data[section][i];
- html += '<div class="card-menu">\n';
- html += '<div class="img-cover">\n';
- html += '<img src="' + dish.image + '" alt="' + dish.name + '">\n';
- html += '</div>\n';
- html += '<div class="info-menu">\n';
- html += '<h3 class="titulo">' + dish.name + '</h3>\n';
- html += '<p class="descripcion">' + dish.description + '</p>\n';
- html += '<div class="precio">' + dish.price + '</div>\n';
- html += '</div>\n';
- html += '</div>\n';
- }
- }
- // Insertar el contenido dinámico en el contenedor
- document.getElementById('ov-listado-menu').innerHTML = html;
- })
- .catch(error => console.error('Error al obtener el contenido:', error));
- </script>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement