info/Web-Dev-For-Beginners
1
0
Fork 0
mirror of https://github.com/microsoft/Web-Dev-For-Beginners.git synced 2025-08-29 01:20:56 +02:00
Code Issues Projects Releases Wiki Activity

accessibility updates throughout lessons

Browse Source
This commit is contained in:
Sarah Higley
2020-12-08 17:03:59 -08:00
parent 9e21da2212
commit 7a0ac83013
13 changed files with 101 additions and 76 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
4-typing-game/solution/index.html
View File

@@ -10,10 +10,10 @@
<h1>Practice your typing</h1>
<div>Click start to have a quote displayed. Type the quote as fast as you can!</div>
<h2 id="quote"></h2>
<h2 id="message"></h2>
<p id="quote"></p>
<p id="message"></p>
<div>
<input type="text" id="typed-value" />
<input type="text" aria-label="current word" id="typed-value" />
</div>
<div>
<button id="start" type="button">Start</button>

6
4-typing-game/typing-game/README.md
View File

@@ -85,10 +85,10 @@ Create a new file named **index.html**. Add the following HTML:
<body>
<h1>Typing game!</h1>
<p>Practice your typing skills with a quote from Sherlock Holmes. Click **start** to begin!</p>
<h2 id="quote"></h2> <!-- This will display our quote -->
<h2 id="message"></h2> <!-- This will display any status messages -->
<p id="quote"></p> <!-- This will display our quote -->
<p id="message"></p> <!-- This will display any status messages -->
<div>
<input type="text" id="typed-value" /> <!-- The textbox for typing -->
<input type="text" aria-label="current word" id="typed-value" /> <!-- The textbox for typing -->
<button type="button" id="start">Start</button> <!-- To start the game -->
</div>
<script src="script.js"></script>