Tablas de multiplicar

Buenas tardes, hoy os traigo un generador de tablas de multiplicar, ideal para que los mas peques de la casa aprendan las tablas de multiplicar del 1 a 10.

Haz clic sobre cualquier número para generar la tabla de multiplicar:

Como podéis ver es muy simple de hacer, lleva en html los botones, en este caso, solo haremos del 1 al 10, aunque podríamos hacer todos los que quisiéramos;

<button>1</button>
<button>2</button>
<button>3</button>
<button>4</button>
<button>5</button>
<button>6</button>
<button>7</button>
<button>9</button>
<button>10</button>

También tenemos el contenedor donde escribiremos el resultado:

<div id="resultadoTablasDeMultiplicar"></div>

a los botones le añadimos función que la llamaremos generaTablasDeMultiplicar , y le pasaremos el valor del propio boton, en este caso será el numero que contenga, y quedaran de la siguiente manera:

<button onclick="generaTablasDeMultiplicar(innerHTML)">1</button>
<button onclick="generaTablasDeMultiplicar(innerHTML)">2</button>
<button onclick="generaTablasDeMultiplicar(innerHTML)">3</button>
<button onclick="generaTablasDeMultiplicar(innerHTML)">4</button>
<button onclick="generaTablasDeMultiplicar(innerHTML)">5</button>
<button onclick="generaTablasDeMultiplicar(innerHTML)">6</button>
<button onclick="generaTablasDeMultiplicar(innerHTML)">7</button>
<button onclick="generaTablasDeMultiplicar(innerHTML)">9</button>
<button onclick="generaTablasDeMultiplicar(innerHTML)">10</button>

Y para que esto funcione, nos faltará el javascript que lo haremos con un for que recorrerá los números del 1 al 10 multiplicándolo por el numero del botón elegido y nos dará como resultado la tabla de multiplicar completa del 1 al 10, el código js es el siguiente: