Skip to content

Instantly share code, notes, and snippets.

@gmelodie

gmelodie/tic_X_O.html

Created February 1, 2019 23:08
Show Gist options
  • Save gmelodie/54767c660c072bf01a10710cf630a133 to your computer and use it in GitHub Desktop.
Save gmelodie/54767c660c072bf01a10710cf630a133 to your computer and use it in GitHub Desktop.
Download ZIP
Tic-tac-toe with button replacing
Raw
tic_X_O.html
<html>
<script type="text/javascript">
function computePlay(buttonId) {
let divId = "div_"+buttonId;
document.getElementById(divId).innerHTML = 'X'
//selected.style.display = 'none';
}
</script>
<h1> Tic-tac-toe </h1>
<form id='board'>
<div id="div_11"><input type="radio" name="play" onclick="computePlay(11)" id="11"></div>
<div id="div_12"><input type="radio" name="play" onclick="computePlay(12)" id="12"></div>
<div id="div_13"><input type="radio" name="play" onclick="computePlay(13)" id="13"></div>
<br>
<div id="div_21"><input type="radio" name="play" onclick="computePlay(21)" id="21"></div>
<div id="div_22"><input type="radio" name="play" onclick="computePlay(22)" id="22"></div>
<div id="div_23"><input type="radio" name="play" onclick="computePlay(23)" id="23"></div>
<br>
<div id="div_31"><input type="radio" name="play" onclick="computePlay(31)" id="31"></div>
<div id="div_32"><input type="radio" name="play" onclick="computePlay(32)" id="32"></div>
<div id="div_33"><input type="radio" name="play" onclick="computePlay(33)" id="33"></div>
<br>
</form>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment