<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Word Per Minute Typing Test</title>
<script src="script.js" async></script>
<link rel="stylesheet" href="//fonts.googleapis.com/css?family=Source+Sans+Pro:400,400i,700,700i,900,900i" type="text/css" media="all">
<link rel="stylesheet" href="style.css">
</head>
<body>
<header class="masthead">
<h1>Word Per Minute Typing Test</h1>
</header>
<main class="main">
<article class="intro">
<p><center>Welcome user!</center></p>
</article><!-- .intro -->
<section class="test-area">
<div id="origin-text">
<p>This is a Word Per Minute typing test. Try to type as fast as you can. Good Luck!</p>
</div><!-- #origin-text -->
<div class="test-wrapper">
<textarea id="test-area" name="textarea" rows="6" placeholder="Click here to start typing. The clock starts when you start typing."></textarea>
</div><!-- .test-wrapper -->
<div class="meta">
<section id="clock">
<div class="timer">00:00:00</div>
</section>
<!-- <section id="Words">
<div class="wordCount">0 Words</div>
</section> -->
<section id="WordsPerMinute">
<div class="wpm">0 WPM</div>
</section>
<section id="Accurate">
<div class="accuracy">100%</div>
</section>
<button id="reset">Start over</button>
</div><!-- .meta -->
</section><!-- .test-area -->
</main>
</body>
</html>
Word Per Minute Typing Test in JavaScript Free Source Code.zip
28 浏览量
2023-11-09
09:17:34
上传
评论
收藏 5KB ZIP 举报
sanbaofengs
- 粉丝: 507
- 资源: 711