[Dúvida] Inserindo variáveis em campos digitáveis

Olá! Acabei adotando outra linha para a realização do exercício, e meu código ficou assim. Para não usar caixas de diálogo, e sim campos digitáveis na tela, qual é a melhor prática adotada em JS?

<meta charset="UTF-8">

<script>

function pulaLinha(){
    document.write("<br>");
}

function mostra(frase){
    document.write(frase);
    pulaLinha();
}

function somaDoisNumeros (x,y){
    mostra("A soma dos números é " + (x+y) + ".");
    pulaLinha();
}

//parseFloat para converter em número;
//usei window.prompt para pedir dois números em caixas de diálogo;

var numero1 = parseFloat (window.prompt("Digite o valor do primeiro número:")); 
var numero2 = parseFloat (window.prompt("Digite o valor do segundo número:"));

document.write("Número 1: " + (numero1) + "<br>" + "Número 2: " + numero2 + "<br>");
pulaLinha();
somaDoisNumeros (numero1, numero2);

</script>