<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8"/>
<title>Page Title</title>
</head>
<body>
<input type="text" id="t"></input>
<input type="submit" id="b"></input>
<script>
var t = document.getElementById("t");
document.getElementById("b").addEventListener("click", function() {
alert("Hey " + t.value);
});
</script>
</body>
</html>
обратите внимание, я добавил мета-кодировку в код, я не знаю, является ли это одной из проблем, но безопасно всегда ее добавлять, и ваше закрывающее тело я ставлю в конце скрипта, потому что телотеги покрывают каждый код в вашем html. Затем я соединяю его, используя "" + .... обратите внимание, я ставлю пробел после буквы hey в апострофах, чтобы вывести ваше имя как: Hey Name вместо того, чтобы кластеризоваться как HeyName