JSFiddle - React, Tailwind, and code Playground

by Michał Oręziak

HTML

<h3>Jadalny czy nie?</h3>
<form>
  <div class="form-control">
    <input type="radio" name="mushroom" value="toadstool">
    <label for="">Muchomor</label>
  </div>
  <div class="form-control">
    <input type="radio" name="mushroom" value="bolete">
    <label for="">Podgrzybek</label>
  </div>
  <button type="submit">Sprawdź</button>
</form>
<div id="feedback"></div>

JavaScript

document.querySelector('form').addEventListener('submit', e => {
e.preventDefault();

if(document.querySelector('input:checked')){
feedback.innerHTML = (document.querySelector('input:checked').value == 'bolete' ? 'dobrze' : 'źle');
}
})