JavaScript - Tabla de multiplicar en JavaScript

 
Vista:

Tabla de multiplicar en JavaScript

Publicado por Manuel Vela (1 intervención) el 09/02/2020 22:08:09
Bueno tengo que hacer una tabla de multiplicar el problema aqui es que me lo han pedido que el resultado no aparezca en una ventana emergente y que aparezca la tabla de por ejemplo 7 y de 7 al 10:
Mi codigo:
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
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>Javascript</title>
 
</head>
<body>
 
 
 
 
	<label for="a">Tabla a mostrar</label> <!--Solicito el primer valor-->
	<input type="text" id="a">
	</br>
    </br>
 
	<label for="b">MaxMultiplicador</label> <!--Solicito el segundo valor-->
	<input type="text" id="b">
	<textarea name="resultado" id="resultado" cols="30" rows="10"></textarea>
 
 
 
	<button onClick="iniciar()">Calcular</button>
 
<script type=text/javascript>
 
 
 
		function iniciar()
		{
			var tabla = document.getElementById("a").value;
			var multiplicador =document.getElementById("b").value;
			var resultado;
 
 
			for (var i=0; i<=multiplicador; i++)
				{
 
					resultado= tabla*multiplicador;
 
					document.getElementById("resultado").innerHTML=tabla+" x "+i+" = "+resultado;
				}
 
		}
 
	</script>
 
 
 
</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 ScriptShow
Val: 2.019
Plata
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Tabla de multiplicar en JavaScript

Publicado por ScriptShow (692 intervenciones) el 10/02/2020 00:28:16
Saludos Manuel,

a ver una variante posible:

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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Javascript</title>
</head>
<body>
<label for="a">Tabla a mostrar</label> <!--Solicito el primer valor-->
<input type="text" id="a">
<label for="b">MaxMultiplicador</label> <!--Solicito el segundo valor-->
<input type="text" id="b">
<textarea name="resultado" id="resultado" cols="30" rows="10"></textarea>
 
<button onClick="iniciar()">Calcular</button>
 
<script type=text/javascript>
function iniciar()
{
var tabla = document.getElementById("a").value;
var multiplicador = document.getElementById("b").value;
document.getElementById("resultado").innerHTML = "";
for (var i=0; i <= multiplicador; i++)
{
document.getElementById("resultado").innerHTML += +tabla+" x "+i+" = "+tabla*i+"\n";
}
}
</script>
</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