Implement Simon Says module in React

This commit is contained in:
Daniel Sinn
2019-11-26 10:29:37 -05:00
parent 3c9ea427d8
commit 8b7bb7d5e7
7 changed files with 208 additions and 209 deletions
-44
View File
@@ -13,50 +13,6 @@
<h1>Keep Talking and Nobody Explodes</h1>
<section id="sectionSimon">
<h2>Simon Says</h2>
<div id="simonInputs">
<input type="checkbox" id="simonVowel" /> <label for="simonVowel">Vowel</label>
<ul>
<li>
<input type="radio" name="simonStrikes" value="0" id="simonStrikes0" checked />
<label for="simonStrikes0">0 strikes</label>
</li>
<li>
<input type="radio" name="simonStrikes" value="1" id="simonStrikes1" />
<label for="simonStrikes1">1 strike</label>
</li>
<li>
<input type="radio" name="simonStrikes" value="2" id="simonStrikes2" />
<label for="simonStrikes2">2 strikes</label>
</li>
</ul>
</div>
<div id="simonBoard">
<div class="simonRow">
<div class="simonBlue">&nbsp;</div><div class="simonYellow">&nbsp;</div>
</div>
<div class="simonRow">
<div class="simonRed">&nbsp;</div><div class="simonGreen">&nbsp;</div>
</div>
<div class="arrow" id="arrowRB"></div>
<div class="arrow" id="arrowBR"></div>
<div class="arrow" id="arrowBY"></div>
<div class="arrow" id="arrowYB"></div>
<div class="arrow" id="arrowYG"></div>
<div class="arrow" id="arrowGY"></div>
<div class="arrow" id="arrowGR"></div>
<div class="arrow" id="arrowRG"></div>
<div class="arrow" id="arrowRY"></div>
<div class="arrow" id="arrowYR"></div>
<div class="arrow" id="arrowBG"></div>
<div class="arrow" id="arrowGB"></div>
</div>
</section>
<section id="sectionWof">
<h2>Who's on First</h2>