Ошибка с выводом текста
 

Код:

<input type = "text" name = "Name" id = "name" placeholder = "Name">
<input type = "text" name = "Surname" id = "sur" placeholder = "Surname">
<input type = "text" name = "Age" id = "age" placeholder = "Age">
<p id = b></p>
<button type = "button" onclick = "onClick()">Get information</button>


<script>
var fullName;
function onClick() {
fullName += "Your name is " + name + " " + sur + " and you are " + age + " years old.";
document.getElementById('b').innerHTML = fullName;
}
</script>

При выполнение кода выползает такое окно:



Нужно, чтобы вывело:

Подправьте, пожалуйста, код.

type = "text" name = "Name" id = "name" placeholder = "Name"
Я не знаю, влияют ли пробелы между аттрибутами,= и значениями, но нафига?
А по вопросу вывода данных, ты же параграф по id'шнику сумела получить (document.getElementById('b')), сделай то же самое и для переменных которые выводишь - document.getElementById('name'), document.getElementById('sur') и тд