<html>
<head>
<title>ES6 or ECMAScript 6</title>
<style>
input, p {
font: 1em Calibri;
}
</style>
</head>
<body>
<div>
<input type='text' id='name' placeholder='Enter your name' />
<input type='button' value='Click it' id='bt' onclick='me_say_hello()' />
</div>
<p id="msg"></p>
</body>
<script>
// I am using two ES6 features here in this function.
// The first is the “Let” declaration and the second is the “arrow” (=>) function.
let me_say_hello = () => {
let name = document.getElementById('name').value;
let msg = document.getElementById('msg');
msg.innerHTML = 'Hello ' + name + ' ☺';
}
</script></html>