florian-schmid/CpuHigherLower
1
1
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

add switch

Browse Source
This commit is contained in:
Florian Schmid 2023-04-26 23:56:23 +02:00
parent c40030a13e
commit 41c3ac5652
2 changed files with 7 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
newMode.html
View File

@ -48,7 +48,7 @@
<span class="h2" style="margin-left: 10px;">Highscore: </span> <span class="h3" id="highScore" style="color: crimson;">0</span> <span class="h2" style="margin-left: 10px;">Highscore: </span> <span class="h3" id="highScore" style="color: crimson;">0</span>
<br> <br>
<br> <br>
<input type="checkbox" data-toggle="switchbutton" checked data-onlabel="Normal" data-offlabel="Hard Mode" data-onstyle="primary" data-offstyle="danger"> <input id="modeSwitch" type="checkbox" data-toggle="switchbutton" checked data-onlabel="Normal" data-offlabel="Hard Mode" data-onstyle="primary" data-offstyle="danger">
</div> </div>
</div> </div>
<div class="row align-items-center"> <div class="row align-items-center">

6
src/newMode.ts
View File

@ -21,6 +21,8 @@ class UI {
this.score = document.getElementById("score"); this.score = document.getElementById("score");
this.highScore = document.getElementById("highScore"); this.highScore = document.getElementById("highScore");
document.getElementById("modeSwitch").addEventListener("change", (e:Event) => {this.switchMode(); this.nextRound()});
} }
async init() { async init() {
@ -37,6 +39,10 @@ class UI {
) )
} }
switchMode() {
this.model.switchMode();
}
async buttonClick(btn: HTMLElement) { async buttonClick(btn: HTMLElement) {
btn.setAttribute("disabled", ""); btn.setAttribute("disabled", "");
let result = this.model.processClick(btn.innerText); let result = this.model.processClick(btn.innerText);