JSFiddle - React, Tailwind, and code Playground

by Dan Mathisen

HTML

<form id="myForm">
  Your name: <input type="text" name="name"/><br>
  <input type="checkbox" name="agree" id="agree" /> I agree<br>
  <input type="submit">
</form>

JavaScript

var iAgreeCheckbox = document.getElementById('agree');

document.getElementById('myForm').addEventListener('submit', function(e) {
	e.preventDefault();
  
  if (iAgreeCheckbox.checked) {
  	alert('submitted!');
  } else {
  	alert('you must click agree!');
  }
});