JavaScript - Tablas de Multiplicación

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

Tablas de Multiplicación

Publicado por Daniela (5 intervenciones) el 18/09/2019 19:42:17
Saludos a todos.

Soy nueva en programación y la verdad estoy super confundida. Necesito hacer unas tablas de multiplicación en un HTML, en donde en un input poner un número y que con un boton se active la función y se imprima las tablas del 1 al 10. (La función debe ir con FOR o WHILE). Gracias!!!

____ MI HTML___

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<!DOCTYPE html>
<html lang="en">
 <head>
   <meta charset="UTF-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   <meta http-equiv="X-UA-Compatible" content="ie=edge" />
   <title>Tablas</title>
 </head>
 <body>
   <h1>Ingrese número</h1>
   <br />
   <input type="number" id="numero" />
   <button onclick="click()" id="operar">Operar</button>
 </body>
 <script src="tabla.js"></script>
</html>

______ MI JS________

1
2
3
4
5
6
var tabla = numero;
var cantidad= 10;
 
for (var i=1; i<=cantidad; i++){
    document.write(tabla+"X"+i+"="+(tabla*i+"<br>");
}
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 Alejandro
Val: 1.448
Plata
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Tablas de Multiplicación

Publicado por Alejandro (532 intervenciones) el 18/09/2019 20:12:45
  • Alejandro se encuentra ahora conectado en el
  • chat de PHP
Al presionar el botón "Operar" se llama a la funcion "click()" que no existe, y me parece que es una palabra reservada.
1
<button onclick="cmdOperar()" id="operar">Operar</button>
1
2
3
function cmdOperar(){
   // Aqui el proceso que se va a realizar al presionar el botón Operar.
}

Al definir la variable "tabla" la estas inicializando con la variable "numero" que tampoco existe.
1
var tabla = document.getElementById('numero');

En document.write a la multiplicación le falta cerrar paréntesis
1
document.write(tabla+"X"+i+"="+(tabla*i)+"<br>");
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: 11
Ha aumentado su posición en 16 puestos en JavaScript (en relación al último mes)
Gráfica de JavaScript

Tablas de Multiplicación

Publicado por Daniela (5 intervenciones) el 18/09/2019 20:23:31
multiplicar

Me aparece así las respuestas, es como si no reconociera lo que pongo en el input como un número.

___HTML___
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<!DOCTYPE html>
<html lang="en">
 <head>
   <meta charset="UTF-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   <meta http-equiv="X-UA-Compatible" content="ie=edge" />
   <title>Tablas</title>
 </head>
 <body>
   <h1>Ingrese número</h1>
   <br />
   <input type="number" id="numero" />
   <button onclick="cmdOperar()" id="operar">Operar</button>
 </body>
 <script src="tabla.js"></script>
</html>

___ JS____

1
2
3
4
5
6
7
8
function cmdOperar(){
var tabla = document.getElementById('numero');
var cantidad= 10;
 
for (var i=1; i<=cantidad; i++){
    document.write(tabla+"X"+i+"="+(tabla*i)+"<br>");
}
}
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
sin imagen de perfil
Val: 11
Ha aumentado su posición en 16 puestos en JavaScript (en relación al último mes)
Gráfica de JavaScript

Tablas de Multiplicación

Publicado por Daniela (5 intervenciones) el 18/09/2019 20:35:49
Que pena la molestia, además cuando doy click en el botón, me salen las respuestas pero desaparecen el input y el botón. Si quisiera hacer una nueva operación, tendría que actualizar la página.

Es posible que no desaparezca el input y el botón. Prometo que será mi última pregunta.


En verdad, muchas gracias!
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 Alejandro
Val: 1.448
Plata
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Tablas de Multiplicación

Publicado por Alejandro (532 intervenciones) el 18/09/2019 20:45:41
  • Alejandro se encuentra ahora conectado en el
  • chat de PHP
XD falto el . value
1
var tabla = document.getElementById('numero').value;

"Nota: dado que document.writeln (al igual que document.write) escribe directo al hilo (stream) de un documento, la llamada a document.write en un documento ya cargado automáticamente ejecuta document.open, lo cual limpiará todo el contenido del documento en cuestión."
Fuente: https://developer.mozilla.org/es/docs/Web/API/Document/writeln
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