Repositorio del curso CCOM4030 el semestre B91 del proyecto Artesanías con el Instituto de Cultura

azar.js 1.8KB

1234567891011121314151617181920212223242526272829
  1. var request = new XMLHttpRequest()
  2. request.open('GET', 'json/azar.json', true)
  3. request.onload = function() {
  4. // begin accessing JSON data here
  5. var data = JSON.parse(this.response)
  6. var page = document.getElementById("home");
  7. var aleatorio = Math.floor(Math.random()*32);
  8. document.getElementById("image").innerHTML = `<img src="img/${aleatorio}.jpg" width="100%" height="300">`;
  9. document.getElementById("Content").innerHTML = data[aleatorio].Renglones + "<br>" + data[aleatorio].Artesano + "<br>" + data[aleatorio].Municipio;
  10. page.addEventListener("show", function(event){
  11. document.getElementById("image").innerHTML='';
  12. document.getElementById("Content").innerHTML='';
  13. var aleatorio = Math.floor(Math.random()*32);
  14. //var azar = document.getElementById("azar");
  15. //var img = ons.createElement(`<img src="img/${aleatorio}.png">`);
  16. document.getElementById("image").innerHTML = `<img src="img/${aleatorio}.jpg" width="100%" height="300">`;
  17. //document.getElementById("Title").innerHTML = data[aleatorio].Renglones;
  18. document.getElementById("Content").innerHTML = data[aleatorio].Renglones + "<br>" + data[aleatorio].Artesano + "<br>" + data[aleatorio].Municipio;
  19. //azar.appendChild(img);
  20. });
  21. }
  22. request.send()