html打字练习测试代码
时间: 2023-11-08 19:01:15 浏览: 182
以下是一个简单的 HTML 打字练习测试代码:
```html
<!DOCTYPE html>
<html>
<head>
<title>打字练习测试</title>
<style>
#text {
width: 300px;
height: 200px;
border: 1px solid black;
}
</style>
</head>
<body>
<h1>打字练习测试</h1>
<p>请在下方文本框中输入以下文字,并尽快完成:</p>
<textarea id="text" oninput="checkText()"></textarea>
<p id="result"></p>
<script>
const targetText = "这是要练习的文字。";
const resultElement = document.getElementById("result");
function checkText() {
const inputText = document.getElementById("text").value;
if (inputText === targetText) {
resultElement.innerText = "恭喜你,完成了!";
} else {
resultElement.innerText = "";
}
}
</script>
</body>
</html>
```
你可以将以上代码复制到一个 HTML 文件中,然后在浏览器中打开该文件,就可以进行打字练习测试了。
阅读全文