Estoy tratando de crear un generador de números aleatorios donde, según el número, se elige una imagen de la carpeta img que está en la misma jerarquía que la carpeta CSS. Sin embargo, la imagen se elige y se muestra.
<script type="text/javascript"> var addObj = { add: function () { var box = document.getElementById('box'); var box1 = document.getElementById('box1'); var box2 = document.getElementById('box2'); var pic = document.getElementById('pic') var x = Math.floor(Math.random() * 18) + 1; var y = Math.floor(Math.random() * 18) + 1; var z = Math.floor(Math.random() * 18) + 1; console.log(x); console.log(y); console.log(z); }, EventListners: function () { var button = document.getElementById('rune'); button.addEventListener('click', addObj.add, false); if (addObj.add.x = 1) { addObj.add.box = "url('./img/fa.jpg')"; }else { console.log("n/a") } } }; addObj.EventListners();Puedes usar
var box = document.getElementById('box'); var box1 = document.getElementById('box1'); var box2 = document.getElementById('box2'); var pic = document.getElementById('pic') // this elements you can get globally var addObj = { add: function () { let x = Math.floor(Math.random() * 18) + 1; let y = Math.floor(Math.random() * 18) + 1; let z = Math.floor(Math.random() * 18) + 1; if (x == 1) { // the checker block you should add to the function at the eventlistener, the `=` is the assignment operator, the logically operator the `==` or the `===` box.src = './img/fa.jpg'; // the `box` variable is an image element, you can set the source with the `src` attribute }else { console.log("n/a") } }, EventListners: function () { var button = document.getElementById('rune'); button.addEventListener('click', addObj.add, false); } }; addObj.EventListners();La programación orientada a objetos es algo muy agradable, pero al principio debes conocer bien el idioma.