JSFiddle - React, Tailwind, and code Playground

by Ming Huang

HTML

<form action="/action_page.php">
Enter your name: <input type="text" onfocus="newFunc(this)">
<p class="test__test2__test3">Please select your gender:</p>
  <input type="radio" name="gender" value="male"> Male<br>
  <input type="radio" name="gender" value="female"> Female<br>
  <input type="radio" name="gender" value="other"> Other<br>  

<p>Please select your age:</p>
  <input type="radio" name="age" value="30" onfocus="newFunc(this)"> 0 - 30<br>
  <input type="radio" name="age" value="60"> 31 - 60<br>
  <input type="radio" name="age" value="100"> 61 - 100<br>  

  <input type="submit" value="Submit">
</form>

<script>
	const newFunc = (element) => {
	console.log(element)
}
</script>

CSS

input:focus, input:hover{
outline: 2px auto rgb(229, 151, 0);
outline-offset: -2px;
}

JavaScript

console.log('hi')