JSFiddle - React, Tailwind, and code Playground

by OwenMelbz

HTML

<label>
    <input type="radio" name="drink" value="coke"/> Coke
</label>

<label>
    <input type="radio" name="drink" value="Fanta"/> Fanta
</label>

<label>
    <input type="radio" name="drink" value="Water"/> Water
</label>

<div class="answer"></div>
<div class="btns">
    <button class="conf">confirm</button>
    <button class="again">pick again</button>
</div>

CSS

label {
    display: block;
}
div {
    display: none;
}

JavaScript

$('input').on('change', function(){
    window.selected = $('input:checked').val();
    $('.answer').text(window.selected + ' selected');
    $('div').show();
    $('label').hide();
});

$('.conf').on('click', function(){
    $('.answer').hide();
    $('div').hide();
    alert(window.selected);
});

$('.again').on('click', function(){
    $('div').hide();
    $('label').show();
});