Во-первых:
Uncaught TypeError: document.getElementsByClassName(...).appendChild is not a function
Соответственно нужно по крайней мере что-то такое:
document.getElementsByClassName("input-field")[0].appendChild(crElement);
Во вторых - document.createTextNode принимает
один параметр, так что если уж используете - используйте как полагается
var crInfo = document.createTextNode(getNumber + " " + getSurname + " " + getNumber);
И было бы очень логично заменить в этой строке первый getNumber на getName. А вообще, на будущее - лучше не называть переменные, содержащие какие-то данные, глаголами.
В третьих - значения инпутов нужно доставать с помощью value, а не innerhtml:
var getName = document.getElementById("name").value;
var getSurname = document.getElementById("surname").value;
var getNumber = document.getElementById("number").value;
Да, и еще на будущее: прикладывайте ссылку на codepen/jsfiddle - это приятно отвечающим, не нужно самим брать ваш код, выдирать из него части и копировать туда.
