É possível usar JSON no blogger usando javascript?

chobo3 disse:

mi codigo quedaria asi:

Inserir CODE, HTML ou PHP:

  <div id="frutasContainer"></div>

  <script>
    const frutasContainer = document.getElementById('frutasContainer');

    // Hacer la solicitud para obtener el JSON desde una URL externa
    fetch('https://github.com/chobo3/tra/blob/main/translations.json.json') // Reemplaza 'URL_DE_TU_JSON' con la URL real del JSON
      .then(response => response.json())
      .then(frutasJSON => {
        // Iterar sobre cada fruta y crear un div para mostrar el nombre de la fruta
        frutasJSON.frutas.forEach(fruta => {
          const divFruta = document.createElement('div');
          divFruta.textContent = fruta.nombre;
          frutasContainer.appendChild(divFruta);
        });
      })
      .catch(error => console.error('Error al obtener el JSON:', error));
  </script>

y al publicar la entrada de blogger no se muestra nada. :/

Clique para expandir...

Elegant disse:

Cambiar el link por este : https://raw.githubusercontent.com/chobo3/tra/main/translations.json.json

Clique para expandir...

chobo3 disse:

mi codigo quedaria asi:

Inserir CODE, HTML ou PHP:

  <div id="frutasContainer"></div>

  <script>
    const frutasContainer = document.getElementById('frutasContainer');

    // Hacer la solicitud para obtener el JSON desde una URL externa
    fetch('https://github.com/chobo3/tra/blob/main/translations.json.json') // Reemplaza 'URL_DE_TU_JSON' con la URL real del JSON
      .then(response => response.json())
      .then(frutasJSON => {
        // Iterar sobre cada fruta y crear un div para mostrar el nombre de la fruta
        frutasJSON.frutas.forEach(fruta => {
          const divFruta = document.createElement('div');
          divFruta.textContent = fruta.nombre;
          frutasContainer.appendChild(divFruta);
        });
      })
      .catch(error => console.error('Error al obtener el JSON:', error));
  </script>

y al publicar la entrada de blogger no se muestra nada. :/

Clique para expandir...