Javascript 单击（工作）生成一个随机数，并使用它在可爱的webapp I'中显示一条随机消息（不工作）；我是为我的妻子，JS的新人
我一直在为我妻子开发这个网络应用程序，它非常简单，基本上当她点击一个按钮时，就会弹出一条随机的“你太棒了”风格的消息 我的第一个实现是一个简单的按钮，当按下时，会显示一条消息和图片，它工作得非常好。（代码如下）Javascript 单击（工作）生成一个随机数，并使用它在可爱的webapp I'中显示一条随机消息（不工作）；我是为我的妻子，JS的新人,javascript,random,onclick,Javascript,Random,Onclick,我一直在为我妻子开发这个网络应用程序，它非常简单，基本上当她点击一个按钮时，就会弹出一条随机的“你太棒了”风格的消息 我的第一个实现是一个简单的按钮，当按下时，会显示一条消息和图片，它工作得非常好。（代码如下） document.getElementById（“paulaBtn”）.addEventListener（“单击”，显示消息）； const unicorn=document.createElement（“img”）； setAttribute（“src”、“unicorn.jpg”
document.getElementById（“paulaBtn”）.addEventListener（“单击”，显示消息）；
const unicorn=document.createElement（“img”）；
setAttribute（“src”、“unicorn.jpg”）；
函数displayMsg（）{
document.getElementById（“displayMsg”）.innerHTML=“世界上最美丽的独角兽！”，
document.getElementById（“displayMsg”）.appendChild（unicorn）；
}
const messages = [
“...”,
“...”,
“...”
]
const randIndex = Math.floor(Math.random() * messages.length) // Get random index
console.log(messages[randIndex]) // Get random message from messages array
我所做的更改仅在JS代码中 为了使代码正常工作，必须在按下按钮时调用的函数中输入所有内容
函数rndInt（）{
设rndInt=Math.floor（Math.random（）*2）；
console.log（rndInt）
设x=r力；
const unicorn=document.createElement（“img”）；
setAttribute（“src”、“unicorn.jpg”）；
const art=document.createElement（“img”）；
art.setAttribute（“src”、“artist.gif”）；
var msgEl=document.getElementById（“displayMsg”）；
msgEl.innerHTML=“”；
var artEl=document.getElementById（“显示艺术”）
artEl.innerHTML=“”；
如果（x==0）{
msgEl.innerHTML=“世界上最美丽的独角兽！”；
msgEl.appendChild（独角兽）；
}else如果（x==1）{
artEl.innerHTML=“一位了不起的艺术家”；
儿童艺术（艺术）；
}
};
*{
边际：0px；
填充：0px；
字体系列：无衬线；
}
身体{
显示：网格；
网格模板行：14vh 10vh 60vh自动；
高度：100vh；
背景图片：url（'back.jpg'）；
背景重复：无重复；
背景附件：固定；
背景尺寸：封面；
字体系列：无衬线；
}
.回来{
背景图片：url（“back.jpg”）；
高度：最大含量；
}
h1{
显示：网格；
文本对齐：居中；
字体大小：7vh；
颜色：粉红色；
字体系列：无衬线；
填充：4vh；
填充底部：0；
}
#重置{
显示：网格；
放置项目：中心；
文本对齐：居中；
位置：绝对位置；
底部：2米；
保证金：0；
背景颜色：粉红色；
填充：0.3rem；
边界：无；
显示：网格；
放置项目：中心；
}
img{
宽度：95%；
高度：自动；
保证金：0自动；
}
#显示消息{
显示：网格；
放置项目：中心；
文本对齐：居中；
字体大小：20px；
}
#展览艺术{
显示：网格；
放置项目：中心；
文本对齐：居中；
字体大小：20px；
}
A.
钮扣{
字体系列：无衬线；
字体大小：20px；
}
保罗先生{
显示：网格；
放置项目：中心；
位置：相对位置；
保证金：0；
宽度：100vw；
文本对齐：居中；
}
保罗·李：停下来{
背景色：rgb（197173181）；
}
保罗先生{
颜色：黑色；
文字装饰：无；
}
#保拉布特{
显示：网格；
放置项目：中心；
背景颜色：粉红色；
填充：0.5雷姆；
边界：无；
}
.按钮{
显示：网格；
宽度：100vw；
高度：3雷姆；
}
.按钮{
显示：网格；
放置项目：中心；
}
你好，宝拉
保拉是