Estoy tratando de extraer los valores de mis entradas. Estoy usando estas entradas en un JavaScript. Estoy usando el evento onclick en un botón de tipo de entrada llamado thebutton y quiero extraer los valores en una función llamada data. Las entradas se imprimen en un div llamado formulario y quiero imprimir los valores de entrada en un div llamado resultados. Cuando lo ejecuto, los tres valores se imprimen como indefinidos. Así que este es mi código actual:

 <script> document.getElementById("fomulary").innerHTML+="<br>Data:<br><br> <form><input id='name' type='text' placeholder='Name'<br><br><input id='address' type='text' placeholder='Address'<br> <br> <input id='tel' type='tel' placeholder='Phone number'><br> <input onclick='data()' type='button' id='thebutton' value='Send'></button> </form>"; var name=document.getElementById("name").value; var address=document.getElementById("address").value; var tel=document.getElementById("tel").value; function data(name, address, tel){ document.getElementById("results").innerHTML=name+" "+address+" "+tel; } <script>

Gracias.