-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
3 lines (3 loc) · 2.23 KB
/
Copy pathindex.html
File metadata and controls
3 lines (3 loc) · 2.23 KB
1
2
3
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Simon game</title><link rel="stylesheet" href="css/master.css"><script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.0.3/vue.min.js"></script><script src="js/main.min.js"></script><!--[if IE]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]--></head><body><div id="container"><div id="board"><div id="colorButtons"><div v-bind:class="{ blink1: blink1 }" id="button1" v-on:click.self="setUserSequence(1)"><audio id="1" src="https://s3.amazonaws.com/freecodecamp/simonSound1.mp3"></audio></div><div v-bind:class="{ blink2: blink2 }" id="button2" v-on:click.self="setUserSequence(2)"><audio id="2" src="https://s3.amazonaws.com/freecodecamp/simonSound2.mp3"></audio></div><div v-bind:class="{ blink3: blink3 }" id="button3" v-on:click.self="setUserSequence(3)"><audio id="3" src="https://s3.amazonaws.com/freecodecamp/simonSound3.mp3"></audio></div><div v-bind:class="{ blink4: blink4 }" id="button4" v-on:click.self="setUserSequence(4)"><audio id="4" src="https://s3.amazonaws.com/freecodecamp/simonSound4.mp3"></audio></div><audio id="5" src="asserts/wrong.mp3"></audio></div><div id="mainControls"><h1><span>Simon</span>®</h1><div id="io"><div v-bind:class="{ displayOn: power }" id="display" title="display">{{ count }}</div><input type="button" class="inputs" id="start" title="start" v-on:click="startGame" :disabled="power == false || gameOn == true"><div id="strict"><input type="checkbox" v-model="strictMode" disabled="disabled"> <input type="button" class="inputs" id="strictMode" title="enable strict mode" v-on:click="toggleStrictMode" :disabled="power == false || gameOn == true"></div></div><div id="labels"><label for="display">Count</label><label for="start">Start</label><label for="strictMode">Strict</label></div><button v-on:click="resetGame" id="reset">Reset</button><div id="switchContainer"><label class="switch"><input type="checkbox" id="checkbox" v-model="power"><div class="slider round" v-on:click="powerOff"></div></label></div><div id="power"><label for="slider" v-if="!power">off</label><label for="slider" v-if="power">on</label></div></div></div></div></body></html>