JSFiddle - React, Tailwind, and code Playground

by techiedelight

HTML

<div id="container">
  <p>Select your favorite programming language:</p>
  <div>
    <input type="radio" id="java" name="language" value="java" checked>
    <label for="java">Java</label>

    <input type="radio" id="cpp" name="language" value="cpp">
    <label for="cpp">C++</label>

    <input type="radio" name="language" value="python">
    <label for="python">Python</label>
  </div>
  <button id="submit">Submit</button>
</div>

CSS

p,
label {
  font: 15px 'Exo 2', sans-serif;
}

input {
  margin: 6px;
}

button {
  margin-top: 10px;
  padding: 2 2;
  font: 15px 'Exo 2', sans-serif;
}

JavaScript

document.getElementById('submit').onclick = function() {
  var radio = document.querySelector('input[type=radio][name=language]:checked');
  radio.checked = false;
}