JSFiddle - React, Tailwind, and code Playground

by robhortn

HTML

<form>
  <label for="name">Enter a number</label>
  <input type="text" id="name" name="name" required minlength="4" maxlength="8" size="10">
  <button type="button" onclick="validateIt()">Click Me!</button>
  <label id="validateMessage"></label>
</form>

JavaScript

//
// input for label
// label "enter a number"
// type in a valid number
// button to update another label saying whether is odd or even
// 

function validateIt(num) {
	const result = num % 2
  
  if ( result == 0) {
		document.getElementById('validateMessage').innerHTML += strMsg + '<br/>'	
	} else {
		document.getElementById('validateMessage').innerHTML += strMsg + '<br/>'	
	}	
}