问题描述
我创建了一个打字网站,可以提高打字准确性和速度,但是它是我计算机上的文件,可以在本地访问它,我试图将它们重新改写,使所有文件(在脚本上)都可以在我的计算机上正常工作。 js文件似乎无法读取,并且出现错误,例如:
ReferenceError: quoteInputElement is not defined
at /script.js:2:1
ReferenceError: quoteInputElement is not defined
at /script.js:2:1
SyntaxError: Identifier 'RANDOM_QUOTE_API_URL' has already been declared
at /script.js:1:1
const RANDOM_QUOTE_API_URL = 'http://api.quotable.io/random'
const quotedisplayElement = document.getElementById('quotedisplay')
const quoteInputElement = document.getElementById('quoteInput')
const timerElement = document.getElementById('timer')
quoteInputElement.addEventListener('input',() => {
const arrayQuote = quotedisplayElement.querySelectorAll('span')
const arrayValue = quoteInputElement.value.split('')
let correct = true
arrayQuote.forEach((characterSpan,index) => {
const character = arrayValue[index]
if (character == null) {
characterSpan.classList.remove('correct')
characterSpan.classList.remove('incorrect')
correct = false
} else if (character === characterSpan.innerText) {
characterSpan.classList.add('correct')
characterSpan.classList.remove('incorrect')
} else {
characterSpan.classList.remove('correct')
characterSpan.classList.add('incorrect')
correct = false
}
})
if (correct) renderNewQuote()
})
function getRandomQuote() {
return fetch(RANDOM_QUOTE_API_URL)
.then(response => response.json())
.then(data => data.content)
}
async function renderNewQuote() {
const quote = await getRandomQuote()
quotedisplayElement.innerHTML = ''
quote.split('').forEach(character => {
const characterSpan = document.createElement('span')
characterSpan.innerText = character
quotedisplayElement.appendChild(characterSpan)
})
quoteInputElement.value = null
startTimer()
}
let startTime
function startTimer() {
timerElement.innerText = 0
startTime = new Date()
setInterval(() => {
timer.innerText = getTimerTime()
},1000)
}
function getTimerTime() {
return Math.floor((new Date() - startTime) / 1000)
}
renderNewQuote()
我的计算机一切正常,但无法弄清楚为什么会发生这种情况。请帮帮我,谢谢!
解决方法
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)