JSFiddle - React, Tailwind, and code Playground
HTML
<form>
<label for="name">Name</label>
<input name="name"/>
<br />
<label for="email">Email</label>
<input type="email" name="email"/>
</form>
<div id="target">
<span id="nameEcho"></span>
<br />
<span id="emailEcho"></span>
</div>
JavaScript
var nameInput = document.getElementsByName('name')[0];
var emailInput = document.getElementsByName('email')[0];
var nameTarget = document.getElementById('nameEcho');
var emailTarget = document.getElementById('emailEcho');
nameInput.addEventListener('keypress', function() {
nameTarget.textContent = nameInput.value;
});
emailInput.addEventListener('keyup', function() {
emailTarget.textContent = emailInput.value;
});