button onclick="startTest()">Start Test</button>
<p id="result"></p>
<script> 
const sentences = [
"The quick brown fox jumps over the lazy dog.",
"JavaScript makes web pages interactive.",
"Practice typing to improve your speed."
];
let startTime;
function startTest () {
const sentences = sentences[Math.floor(Math.random() * sentences.length)];
document.getElementById('sentence').textContent = sentence;
document.getElementById('inputText').value='';
document.getElementById('inputText').disabled = false;
document.getElementById('inputText').focus();
startTime = new Date();
}
document.getElementById('inputText').addEventListener('input',function() {
const inputText = document.getElementById('inputText').value;
const sentence = document.getElementById('sentence').textContent;
if (inputText ===sentence) {
const endTime = new Date();
const timeTaken = (endTime - startTime)/1000;
document.getElementById('result').textContent='You typed the sentences in ${timeTaken} seconds';
document.getElementById('inputText').disabled = true;
}
});
</script> 
</body>
</html>