msb-public
/
Web-Dev-For-Beginners
mirror of https://github.com/microsoft/Web-Dev-For-Beginners.git
1
0
Code Issues Projects Releases Wiki Activity

customise typing game

Browse Source 
give it a better look and remove unnecessary lines
pull/1385/head
Zakify 5 months ago
parent cd6eddfd1a
commit ffe6587e15
2 changed files with 14 additions and 9 deletions
Show Stats Download Patch File Download Diff File

3
4-typing-game/solution/index.css
Unescape View File

@ -6,3 +6,6 @@
background-color: lightcoral; background-color: lightcoral;
border-color: red; border-color: red;
} }
.container{
display: flex;
}

20
4-typing-game/solution/index.html
Unescape View File

@ -8,15 +8,17 @@
<body> <body>
<h1>Practice your typing</h1> <h1>Practice your typing</h1>
<div>Click start to have a quote displayed. Type the quote as fast as you can!</div>
<p>Click start to have a quote displayed. Type the quote as fast as you can!</p>
<p id="quote"></p> <p id="quote"></p>
<p id="message"></p> <p id="message"></p>
<div> <div class="container">
<input type="text" aria-label="current word" id="typed-value" /> <div>
</div> <input type="text" aria-label="current word" id="typed-value" />
<div> </div>
<button id="start" type="button">Start</button> <div>
<button id="start" type="button">Start</button>
</div>
</div> </div>
<script src="./index.js"></script> <script src="./index.js"></script>
</body> </body>

Write Preview
Loading…
Cancel
Save