JSFiddle - React, Tailwind, and code Playground

HTML

<label>Enter your name:</label>
<input type="text" />

<h2>
  Hello, !
</h2>

<button>
  Reset
</button>

JavaScript

var input = document.querySelector('input');
var h2 = document.querySelector('h2');
var button = document.querySelector('button');

input.addEventListener('input', function (e) {
	var value = e.target.value;
  
	h2.innerText = 'Hello, ' + value + '!';
});

button.addEventListener('click', function () {
	input.value = '';
  h2.innerText = 'Hello, !';
});