Alguien sabe por qué el navegador no muestra las imágenes? ya intente con otros navegadores y nada! Ademas de que las imagenes si se enc...

Mauricio Barba Núñez

Mauricio Barba Núñez

Pregunta
student
hace 5 años

Alguien sabe por qué el navegador no muestra las imágenes? ya intente con otros navegadores y nada! Ademas de que las imagenes si se encuentran dentro de la misma carpeta

adsa.PNG cvs.PNG Este es mi codigo:

class Billete { constructor(v, c) // Funcion que se encarga de construir { this.valor = v; this.cantidad = c; this.imagen = new Image(); this.imagen.src = imagenes[this.valor]; } mostrar() { resultado.appendChild(this.imagen); } } function entregarDinero() { var t = document.getElementById("dinero"); dinero = parseInt(t.value); // castear la variable, de texto a numero entero for(var bi of caja) { if(dinero > 0) { div = Math.floor(dinero / bi.valor); if( div > bi.cantidad) { papeles = bi.cantidad; } else { papeles = div; } entregado.push( new Billete(bi.valor, papeles)); dinero = dinero - (bi.valor * papeles); // ALTERNATIVA: dinero -= (bi.valor * papeles); } } if(dinero > 0) { resultado.innerHTML = "soy pobre"; // innerHTML es un atributo, por eso se pone el igual } else { for(var e of entregado) { if(e.cantidad > 0) { resultado.innerHTML = resultado.innerHTML + e.cantidad + " billetes de $" + e.valor + "<br />"; e.mostrar(); // ALTERNATIVA: resultado.innerHTML += e.cantidad + " billetes de $" + e.valor + "<br />"; // innerHTML sustituye al document.write } } } } var imagenes = [] imagenes["Bill100"] = "100.jpg"; imagenes["Bill50"] = "50.jpg"; imagenes["Bill20"] = "20.jpg"; imagenes["Bill10"] = "10.jpg"; imagenes["Bill5"] = "5.jpg"; var entregado = []; // coleccion de billetes entregados var caja = []; caja.push(new Billete(100, 5)); caja.push(new Billete(50, 10)); // Agregar los objetos en este caso los billetes caja.push(new Billete(20, 5)); caja.push(new Billete(10, 10)); caja.push(new Billete(5, 5)); var dinero = 0; var div = 0; // resultado de la division var papeles = 0; var resultado = document.getElementById("resultado"); var b = document.getElementById("extraer"); b.addEventListener("click", entregarDinero);
3 respuestas
para escribir tu comentario
    Josue Noha Valdivia

    Josue Noha Valdivia

    student
    hace 5 años

    Tambien podrias haber cambiado:

    this.imagen.src = imagenes[this.valor];
    por
    this.imagen.src = imagenes["Bill"+str(this.valor)];

    solo que la solucion que di me parecio mas adecuada

    Mauricio Barba Núñez

    Mauricio Barba Núñez

    student
    hace 5 años

    @josueNoha si funcionó!! lo que no entiendo es por qué funciona así y no de la otra manera o con cualquier otro nombre. Tu sabes el por qué?

    Josue Noha Valdivia

    Josue Noha Valdivia

    student
    hace 5 años

    Hola, estas guardando los url asi:

    imagenes["Bill100"] = "100.jpg";

    Intenta guardalos asi:

    imagenes[100] = "100.jpg";

Curso Gratis de Programación Básica

Curso Gratis de Programación Básica

Programa desde cero, domina Javascript, entiende HTML y aprende de algoritmos. <strong>Sí, desde cero</strong>. Entenderás la lógica del código, cómo piensan los programadores y cómo programar juegos, proyectos y hasta robots y electrónica. Aprender a programar no es fácil, pero Platzi lo hace efectivo.

Curso Gratis de Programación Básica
Curso Gratis de Programación Básica

Curso Gratis de Programación Básica

Programa desde cero, domina Javascript, entiende HTML y aprende de algoritmos. <strong>Sí, desde cero</strong>. Entenderás la lógica del código, cómo piensan los programadores y cómo programar juegos, proyectos y hasta robots y electrónica. Aprender a programar no es fácil, pero Platzi lo hace efectivo.