calcular números pares e impares utilizando input y button

<meta charset="utf-8">

    <h1>Calculando números pares o Impares</h1>

    <label for="numero">Ingresa un número hasta donde deseas calcular</label>
    <br>
    <input name="numero" id="numeroMaximo">
    <br>
    <button id="calcularPares">Calcular Pares</button>
    <button id="calcularImpares">Calcular Impares</button>

<script>

    function imprimir(mensaje) {
        document.write(mensaje);
    }

    var numeroMaximo = document.getElementById("numeroMaximo");
    numeroMaximo.focus();

    function calculoDePares() {

        for(var contador = 1; contador <= numeroMaximo.value; contador++){

             residuoPares(contador);
             }
    }

    function residuoPares(contador) {
        var residuo = contador % 2;
         if (residuo == 0){
             imprimir (contador + ", ");
         }
    }

    function calculoDeImpares(){
        for(var contador = 1; contador <= numeroMaximo.value; contador++){

             residuoImpares(contador);
             }
    }

    function residuoImpares(contador) {
        var residuo = contador % 2;
         if (residuo != 0){
             imprimir (contador + ", ");
         }
    }

    var buttonPares = document.getElementById("calcularPares");
    buttonPares.onclick = calculoDePares;

    var buttonImpares = document.getElementById("calcularImpares");
    buttonImpares.onclick = calculoDeImpares;

</script>