I don't know why all the elements disappear, even when clicking any of the buttons, for those wondering, I'm trying to make a collectible car card game website.
open()is already the name of a function that opens a new page, so when the button is clicked, theopen()function will be called and opened A blank page. Just change your function name:
Also, consider changing your code to use event listeners and variables. Here's a better practice:
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
open()is already the name of a function that opens a new page, so when the button is clicked, theopen()function will be called and opened A blank page. Just change your function name:Also, consider changing your code to use event listeners and variables. Here's a better practice:
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+"" });