JavaScript - boton

   
Vista:

boton

Publicado por Julio Cesar (16 intervenciones) el 02/09/2017 19:04:02
¿ven en error? no funciona el boton al darle click

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
<!DOCTYPE html>
<html>
<head>
	<title>sorteo prueba</title>
<script>
 
 
   (function(){
    var botonsor=document.getElementById('sortear');
    botonsor.addEventListener('click',sortea,false);
 
    function sortea(){
    alert(Math.floor(Math.random()*(4-1+1))+1);
    }
 
   })();
</script>
</head>
<body>
<table>
	<tr><td>1</td></tr>
	<tr><td>2</td></tr>
	<tr><td>3</td></tr>
	<tr><td>4</td></tr>
	<tr><td><input type="button" name="sortear" value="sortear" id="sortear"></td></tr>
</table>
</body>
</html>
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 [abZeroX]

boton

Publicado por [abZeroX] (116 intervenciones) el 02/09/2017 23:57:24
Hola, el problema es que estas agregando un manejador de evento a un elemento que todavia no existe en el DOM, intenta de esta forma:

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
<!DOCTYPE html>
<html>
<head>
<title>sorteo prueba</title>
</head>
<body>
    <table>
    <tr><td>1</td></tr>
    <tr><td>2</td></tr>
    <tr><td>3</td></tr>
    <tr><td>4</td></tr>
    <tr><td><input type="button" name="sortear" value="sortear" id="sortear"></td></tr>
    </table>
    <script>
        (function() {
            var botonsor = document.getElementById('sortear');
 
            function sortea() {
                alert(Math.floor(Math.random()*(4-1+1))+1);
            }
 
            botonsor.addEventListener('click',sortea,false);
        })();
    </script>
</body>
</html>
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

boton

Publicado por Julio Cesar (16 intervenciones) el 03/09/2017 01:07:12
te entiendo, gracias por la ayuda!
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
Imágen de perfil de ScriptShow

boton

Publicado por ScriptShow (496 intervenciones) el 03/09/2017 10:48:28
Saludos Julio Cesar,

te sirve algo básico:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<!DOCTYPE html>
 
<html>
<head>
<title>sorteo prueba</title>
<script>
function sortea(){
alert(Math.floor(Math.random()*(4-1+1))+1);
}
</script>
</head>
<body>
<table>
<tr><td>1</td></tr>
<tr><td>2</td></tr>
<tr><td>3</td></tr>
<tr><td>4</td></tr>
<tr><td><input type="button" value="Sortear" onclick="sortea()"></td></tr>
</table>
</body>
</html>

Espero sea útil.
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
Revisar política de publicidad