微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

使用replit托管错误

如何解决使用replit托管错误

我创建了一个打字网站,可以提高打字准确性和速度,但是它是我计算机上的文件,可以在本地访问它,我试图将它们重新改写,使所有文件(在脚本上)都可以在我的计算机上正常工作。 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
   

这是我在js文件中的代码


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 举报,一经查实,本站将立刻删除。