user497202's questions

如何从数组中删除重复的值以便从数组中 [2,5,6,7,5,2,6]获取结果[7]

根据角色的攻击速度，有需要用速度带走的生命值。问题：console.log(currentChartherHealth) 显示角色的起始生命值时生命值没有被带走

        let curentChartherHealth
        let curentRandHealth
             let timerId = setInterval(()=> {
                curentChartherHealth = character.health - rand.damage-character.armor

             console.log(curentChartherHealth)

        },character.atackSpeed)
        let timerId2 = setInterval(()=>{
            curentRandHealth = rand.health - (character.damage-rand.armor)
    
        },rand.atackSpeed)
        if(curentChartherHealth<=0){
            alert(`${rand.name} Win!`)
            clearInterval(timerId)
        } else if(curentRandHealth<=0){
            alert(`${character.name} Win!`)
            clearInterval(timerId)
        }
    }

您需要通过特定 id 获取带有图像和名称的 div

let characterWrap = document.querySelector('#characters-wrap')

const url = 'https://rickandmortyapi.com/api/character/'
async function getCards(url) {
   try {
      const response = await fetch(url);
      return await response.json();

   } catch (e) {
      console.error(`Something is bad ---> ${e}`);
   }
}

getCards(url)
   .then(({ results }) => {
      results

         .map(({ id, name, status, image }) => {
            const indetifier = Promise

            results.forEach(({ id }) => {
               const uCardOfCharthers = document.createElement('div')

               image = document.createElement('img')
               image.src = results
               uCardOfCharthers.appendChild(image)

               characterWrap.appendChild(uCardOfCharthers)
               uCardOfCharthers.innerHTML =
                  `<img src='${image}' </img>
                  
                   ${name}
                  
                   ${status}`
            })
            const uCardOfCharthers = document.createElement('div')
            characterWrap.appendChild(uCardOfCharthers)
            uCardOfCharthers.innerHTML =
               `${image}
            
             ${name}
            
             ${status}`
         })
   })
`

需要在 3x3 div 容器上使用箭头导航在此代码中，指针指向第一个元素周围的 4 个边，并且应该指向 9 个元素中的一个，并在按下回车键时单击

   let pointer = document.createElement('div')

   pointer.className = 'tile'
   container.appendChild(pointer)
   console.log(pointer)
   pointer.style.display = 'none'
   pointer.classList.add('active')

   let newContainer = document.getElementsByClassName('container')[0]
   document.addEventListener('keydown', () => {

      pointer.style.display = 'block'

      pointer.tabIndex = 0;

      let rectElem = container.getBoundingClientRect();
      let x = rectElem.x + pageXOffset,
         y = rectElem.y + pageYOffset;

      if (event.code === 'ArrowRight') {
         x += pointer.offsetWidth;
      }
      if (event.code === 'ArrowLeft') {
         x -= pointer.offsetWidth;
      }
      if (event.code === 'ArrowUp') {
         y -= pointer.offsetHeight;
      }
      if (event.code === 'ArrowDown') {
         y += pointer.offsetHeight;
      }

      pointer.style.position = 'absolute';
      pointer.style.left = x + 'px';
      pointer.style.top = y + 'px';

   })

你好，我刚开始学习js。

window.localStorage.getItem()并window.sessionStorage.getItem()返回null，尽管如果您在 chrome 中使用应用程序，则存在值 \u200b\u200bare。

let startBtn = document.getElementById("startBtn")
startBtn.onclick = game;
document.getElementById('clearBR').addEventListener('click', ClearBestResult)
document.getElementById('clearBRforAllTime').addEventListener('click', ClearBestResultForAllTime)
let result
function game() {
   let count = 0
   const nickname = document.getElementById("nickname").value
   document.getElementById('click').addEventListener('click', clickCount)
   let arr = []
   function clickCount() {
      count++
      arr.push(count)
   }
   try {
      if (nickname === "") throw new Error()
   } catch (e) {
      alert('nickname is empty')
   }
   finally {
      setTimeout(function () {
         result = arr.length
         alert(`You clicked ${result} times`)
         if (sessionStorage.getItem, (nickname, result) < result || sessionStorage.getItem, (nickname, result) === undefined) {
            sessionStorage.clear()
            sessionStorage.setItem(nickname, result.toString())
         } else if (result > localStorage.getItem, (nickname, result) || localStorage.getItem === undefined) {
            localStorage.clear()
            localStorage.setItem(nickname, result.toString())
         }
         count = 0
         arr.splice(0, arr.length);
      }, 5000);
   }
   document.getElementById('BRforAllTime').addEventListener('click', bestForAllTimes)
   document.getElementById('BR').addEventListener('click', bestResult)
   function bestForAllTimes() {
      alert(`Best result for the whole time is: ${localStorage.getItem(result)} by ${localStorage.getItem("nickname")}`)
   }
   function bestResult() {
      alert(`Best result is ${window.sessionStorage.getItem(result)}`)
   }
   console.log(sessionStorage.getItem(result)) // null
   console.log(localStorage.getItem(result)) //null
}
function ClearBestResult() {
   window.sessionStorage.clear()
   alert('Best result is cleared')
}
function ClearBestResultForAllTime() {
   localStorage.clear()
   alert('Best result for the whole time is cleared')
}