Javascript，关于输入、按钮等的问题

Question

我正在学习如何编写代码。我得到了这段代码，但是在连接我的输入/input.value 的功能参数时遇到了问题。 我希望在那个学习水平上做到这一点，我的意思是，我知道我不能使用“getElementById”和其他工具，但我想知道我是否可以在那个水平上做到这一点 （我正在做一个训练营，他们给我们的视频只能用这种方式来教我们）

谢谢，最好的问候

<input>
<button>Encriptar</button>

---

<script>

var input = document.querySelector("input");
var inputValor = input.value;

---

function encriptar(palabra){
    var mensajeEncriptado = "";
    for (var i = 0; i< palabra.length; i++) {
        console.log(palabra[i]);
        if (palabra[i] == "a" ){
            mensajeEncriptado += "ai";
        } 
        if (palabra[i] == "e" ){
            mensajeEncriptado += "enter";
        }
        if (palabra[i] == "i" ){
            mensajeEncriptado += "imes";
        }
        if (palabra[i] == "o" ){
            mensajeEncriptado += "ober";
        }
        if (palabra[i] == "u" ){
            mensajeEncriptado += "utaf";
        }
        else {
            mensajeEncriptado += palabra[i];
        }
                      
        }
    return mensajeEncriptado;

    }

---

 //document.write(encriptar("Hello world"));
 var button = document.querySelector("button");
 button.onclick = encriptar(input.value);

---

 Someone can help me?