artesanias/www/js/azar.js

var request = new XMLHttpRequest()

                        request.open('GET', 'json/azar.json', true)
    
                        request.onload = function() {
                            // begin accessing JSON data here
                            var data = JSON.parse(this.response)
                            
                            var page = document.getElementById("home");
                            
                                var aleatorio = Math.floor(Math.random()*32);
                                document.getElementById("image").innerHTML = `<img src="img/${aleatorio}.jpg" width="100%" height="300">`;
                                document.getElementById("Content").innerHTML = data[aleatorio].Renglones + "<br>" + data[aleatorio].Artesano + "<br>" + data[aleatorio].Municipio;
                          
                            page.addEventListener("show", function(event){
                                document.getElementById("image").innerHTML='';
                                document.getElementById("Content").innerHTML='';
                                var aleatorio = Math.floor(Math.random()*32);
                                //var azar = document.getElementById("azar");
                                //var img = ons.createElement(`<img src="img/${aleatorio}.png">`);
                                document.getElementById("image").innerHTML = `<img src="img/${aleatorio}.jpg" width="100%" height="300">`;
                                //document.getElementById("Title").innerHTML = data[aleatorio].Renglones;
                                document.getElementById("Content").innerHTML = data[aleatorio].Renglones + "<br>" + data[aleatorio].Artesano + "<br>" + data[aleatorio].Municipio;
                                //azar.appendChild(img);
                            });
                            
                            }
    
request.send()