cari

Rumah  >  Soal Jawab  >  teks badan

Fungsi klik mengosongkan semua elemen HTML

<!DOCTYPE html>

<html>
<head>
</head>

  <button id="someid" onclick="open()">打开一包卡牌</button>
  <button id="somid" onclick="view()">查看车库</button>
<body>
  <p id="demo"></p>
</body>
<script>
  function open(){
  itms = ['2014 Nissan 350z', '2019 VW golf GTI ', '1995 Mazda 323 Protoge', '1990 BMW 8-series', '1990 ford mustang svt cobra', '1990 mazda rx7', '1990 nissan skyline gt-r'];
itm = itms[Math.floor(Math.random()*itms.length)];
    console.log(itm)
}
  function view(){
    document.getElementById("demo").innerHTML = ""+itm+""
  }
</script>
</html>

Saya tidak tahu mengapa semua elemen hilang, walaupun apabila mengklik mana-mana butang, bagi mereka yang tertanya-tanya, saya cuba membuat laman web permainan kad kereta yang boleh dikumpul.

P粉574695215P粉574695215445 hari yang lalu610

membalas semua(1)saya akan balas

  • P粉348088995

    P粉3480889952023-09-11 00:57:23

    open()已经是一个打开新页面的函数的名称，所以当按钮被点击时，会调用open() berfungsi dan buka halaman kosong. Hanya tukar nama fungsi anda: 

    <!DOCTYPE html>

<html>
<head>
</head>

  <button id="someid" onclick="openpack()">打开一个卡包</button>
  <button id="somid" onclick="view()">查看车库</button>
<body>
  <p id="demo"></p>
</body>
<script>
  function openpack(){
  itms = ['2014 Nissan 350z', '2019 VW golf GTI ', '1995 Mazda 323 Protoge', '1990 BMW 8-series', '1990 ford mustang svt cobra', '1990 mazda rx7', '1990 nissan skyline gt-r'];
itm = itms[Math.floor(Math.random()*itms.length)];
    console.log(itm)
}
  function view(){
    document.getElementById("demo").innerHTML = ""+itm+""
  }
</script>
</html>

    Selain itu, pertimbangkan untuk menukar kod anda untuk menggunakan pendengar dan pembolehubah acara. Berikut adalah amalan yang lebih baik: 

    const itms = ['2014 Nissan 350z', '2019 VW golf GTI ', '1995 Mazda 323 Protoge', '1990 BMW 8-series', '1990 ford mustang svt cobra', '1990 mazda rx7', '1990 nissan skyline gt-r'];
let itm;

document.getElementById('open').addEventListener('click', () => {
  itm = itms[Math.floor(Math.random()*itms.length)];
  console.log(itm)
});

document.getElementById('view').addEventListener('click', () => {
  document.getElementById("demo").innerHTML = ""+itm+""
});
    <!DOCTYPE html>

<html>
<head>
</head>
<body>
  <button id="open">打开一个卡包</button>
  <button id="view">查看车库</button>
  <p id="demo"></p>
</body>
</html>

    balas
    0
  • Batalbalas