Tabla de multiplicar

<div >
            <h1 >Tabla de multiplicar</h1>
            <p>Introduce el número del que quieres la tabla</p>
            <input type="number" id="numero" >
            <input type="button" id="botoncalcular" value="Calcular">
            <div id="resultado"></div>
        </div>

        <script>

            document.getElementById("botoncalcular").addEventListener("click", calcular);

            function calcular() {
                var numero = parseInt(document.getElementById("numero").value);
                var res = tabla(numero);
                document.getElementById("resultado").innerHTML = res;
            }
            function tabla(numero) {
                var res = "<table>";
                for (var i = 1; i <= 10; i++) {
                    res += "<tr><td>" + i + "</td><td>x</td><td>" + numero +
                            "</td><td>=</td><td>" + (i * numero) + "</td></tr>";
                }
                res += "</table>";
                return res;
            }

        </script>