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">
    <label for="java">Java</label>

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

    <input type="radio" id="python" name="language" value="python">
    <label for="python">Python</label>
  </div>
</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("java").checked = true;