JavaScript - No funciona el switch

 
Vista:
sin imagen de perfil
Val: 28
Ha aumentado su posición en 5 puestos en JavaScript (en relación al último mes)
Gráfica de JavaScript

No funciona el switch

Publicado por Pedro (18 intervenciones) el 13/09/2022 11:28:04
Buenos días. Estoy intentando hacer un ejercicio báscio de javascript, crear una función que diga si el billete existe o no, y en caso de que exista, tiene que enseñar una imagen de este y un texto. Funciona todo pero no logro que me aparezca la imagen. Dejo aquí el html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
 
</head>
<body>
        <label for="">Comprueba los billetes</label><br>
        <input type="number" name="" id="billetes">
        <input onclick="comprobarBilletes()" type="button" value="Comprobador de billetes">
 
        <span id="result"></span>
 
        <script type="text/javascript" src="ejercicio2.js"></script>
</body>
</html>

Y aquí el código en javascript

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
function comprobarBilletes(){
 
var billetes = document.getElementById('billetes').value
var resultado;
 
 
 
    switch(billetes){
 
    case '5':
 
            if(billetes = 5){
                resultado="<p> El billete es de 5 euros</p> <img src = 'imagenes/B5.jpg'";
                document.getElementById('billetes').value = '';
                document.getElementById('billetes').focus();
            }
    break;
    case '10':
        if(billetes = 10){
            resultado="<p> El billete es de 10 euros</p> <img src = 'imagenes/B10.jpg'";
            document.getElementById('billetes').value = '';
            document.getElementById('billetes').focus();
        }
 
 
    break;
    case '20':
        if(billetes = 20){
            resultado="<p> El billete es de 20 euros</p> <img src = 'imagenes/B20.jpg'";
            document.getElementById('billetes').value = '';
            document.getElementById('billetes').focus();
        }
    break;
    case '50':
        if(billetes = 50){
            resultado="<p> El billete es de 50 euros</p> <img src = 'imagenes/B50.jpg'";
            document.getElementById('billetes').value = '';
            document.getElementById('billetes').focus();
        }
    break;
    case '100':
        if(billetes = 100){
            resultado="<p> El billete es de 100 euros</p> <img src = 'imagenes/B100.jpg'";
            document.getElementById('billetes').value = '';
            document.getElementById('billetes').focus();
        }
    break;
    case '200':
        if(billetes = 200){
            resultado="<p> El billete es de 200 euros</p> <img src = 'imagenes/B200.jpg'";
            document.getElementById('billetes').value = '';
            document.getElementById('billetes').focus();
        }
    break;
    case '500':
        if(billetes = 500){
            resultado="<p> El billete es de 500 euros</p> <img src = 'imagenes/B500.jpg'";
            document.getElementById('billetes').value = '';
            document.getElementById('billetes').focus();
 
        }
    break;
    default:
        resultado="No existe billete por ese importe";
    break;
}
document.getElementById('result').innerHTML=resultado;
}
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de Ivan

No funciona el switch

Publicado por Ivan (118 intervenciones) el 13/09/2022 13:09:25
Hola,

el problema es que te falta el cierre del tag imagen > o />
/> tiene más compatibilidad con documentos xml.

1
resultado="<p> El billete es de 20 euros</p> <img src = 'imagenes/B20.jpg'/>";

A parte, no es muy correcto meter dentro de un elemento en linea <span> elementos de bloque como un párrafo <p> y una imagen <img>
Yo cambiaría <span id="result"></span> por un elemento de bloque como <div id="result"></div>


Un saludo!
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
1
Comentar
sin imagen de perfil
Val: 28
Ha aumentado su posición en 5 puestos en JavaScript (en relación al último mes)
Gráfica de JavaScript

No funciona el switch

Publicado por Pedro (18 intervenciones) el 13/09/2022 14:10:15
Gracias con esos cambios ya me salen las imagenes y todo va bien.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar