soy nuevo y estoy aprendiendo Javascript, estoy intentando hacer una calculadora y quisiera saber si hay alguna forma de poner el evento onclick desde javascript y no tener que escribirlo en el html, en el código tengo el onclick en el html pero me gustaría quitarlo de ahí y ponerlo en un archivo js.
Tambien me gustaría saber por que cuando declaro las variables fuera de la función y intento acceder al valor de estas en una función en la consola me aparece que el valor es null y sale un error pero cuando declaro las variables dentro de la función si me funciona perfectamente.
De antemano muchas gracias.
let numero2= document.getElementById("2");
let numero3= document.getElementById("3");
let numero4= document.getElementById("4");
let numero6= document.getElementById("6");
let numero5= document.getElementById("5");
let numero7= document.getElementById("7");
let numero8= document.getElementById("8");
let numero9= document.getElementById("9");
let numero0= document.getElementById("0");
let tipotexto= document.getElementById("cuatro");
function uno(){
let numero1= document.getElementById("1");
let tipotexto= document.getElementById("cuatro");
tipotexto.value=numero1.value;
}
numero1.onclick.function(){
let numero1= document.getElementById("1");
let tipotexto= document.getElementById("cuatro");
tipotexto.value=numero1.value;
}
<input type="text" name="" class="texto" id="cuatro">
<input type="button" name="" value="1"class="buton" id="1" onclick="uno();">