+ <body>
+ <div class="container" id="rpsls">
+ <div class="row">
+ <div class="col s12">
+ <form class="center">
+ <div class="input-field inline">
+ <input id="nInput" type="number" v-model.number="nInput" @change="reinitialize()">
+ <label for="nInput">Memory</label>
+ </div>
+ <span class="leftSpacing">
+ <input id="drawIsLost" type="checkbox" v-model="drawIsLost">
+ <label for="drawIsLost" title="If activated, the bot consider a draw as a lost game, and therefore tries to win even harder">Winner bot</label>
+ </span>
+ </form>
+ </div>
+ </div>
+ <div class="row topSpacing">
+ <img v-for="(symb,i) in symbols" class="image" :class="{compChoice:compMove==i,humanChoice:humanMove==i}" :src="imgSource(symb)" @click="play(i)">
+ <p class="blue-text center message topSpacing" v-if="humanMove>=0 && compMove>=0">{{ symbols[humanMove] + " " + messages[humanMove][compMove] + " " + symbols[compMove] }}</p>
+ <p class="center scoreMsg topSpacing">
+ <span>Score: </span>
+ <span class="score">{{ gameState }}</span>
+ </p>
+ </div>
+ </div>
+ <footer class="center grey-text">
+ <p>Images were found on the web; if they should be removed, let me know: <a href="https://github.com/yagu0/rpsls">yagu0 on github</a></p>
+ </footer>
+ </body>
+
+<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/js/materialize.min.js"></script>