JSFiddle - React, Tailwind, and code Playground

by Tan

HTML

<p>
	  <label>
	    <input type="radio" name="snails" value="1" id="s1">
	    s1</label>

	  <label>
	    <input type="radio" name="snails" value="2" id="s2">
	    s2</label>

	  <label>
	    <input type="radio" name="snails" value="3" id="s3" checked >
	    s3</label>

	  <label>
	    <input type="radio" name="snails" value="4" id="s4">
	    s4</label>

</p>
	<p>
	  <label>
	    <input type="radio" name="place" value="1" id="p1">
	    1st</label>

	  <label>
	    <input type="radio" name="place" value="2" id="p2">
	    2nd</label>

	  <label>
	    <input type="radio" name="place" value="3" id="p3">
	    3rd</label>

</p>
<p>
	  <label>
	    <input type="radio" name="bet" value="10" id="b10">
	    10</label>

	  <label>
	    <input type="radio" name="bet" value="20" id="b20">
	    20</label>

	  <label>
	    <input type="radio" name="bet" value="50" id="b50">
	    50</label>

</p>

<div id="result">none</div>
<div id="result2">none</div>
<div id="result3">none</div>

<a href="#" onclick="check();">Click</a>

JavaScript

function check(el) {

var snail;

if(document.getElementById("s1").checked) {  snail = "1";}
if(document.getElementById("s2").checked) {  snail = "2";}
if(document.getElementById("s3").checked) {  snail = "3";}
if(document.getElementById("s4").checked) {  snail = "4";}

document.getElementById("result").innerHTML = snail;

var place;

if(document.getElementById("p1").checked) {  place = "1";}
if(document.getElementById("p2").checked) {  place = "2";}
if(document.getElementById("p3").checked) {  place = "3";}

document.getElementById("result2").innerHTML = place;

var bet;

if(document.getElementById("b10").checked) {  bet = "10";}
if(document.getElementById("b20").checked) {  bet = "20";}
if(document.getElementById("b50").checked) {  bet = "50";}

document.getElementById("result3").innerHTML = bet;


// If Win
	
	
if (snail == first && place == 1 || snail == second && place == 2 || snail == third && place == 3) { win }

	
else { lose }


}