<html>
<head>
<title>JavaScript</title>
</head>
<body>
<div class="output"></div>
Name : <input type="text" value="Laurence">
<button type="button">Message</button>
<script >
const output = document.querySelector(".output");
const button = document.querySelector("button");
const myName = document.querySelector("input");
console.log(button);
button.addEventListener("click",showMessage);
function showMessage(){
output.innerHTML = "<h1>Hello welcome, "+myName.value+"</h1>";
}
</script>
</body>
</html>