在Javascript中单击文本时触发Swal.fire（Sweetalert）

当我点击一个文本时，我想用sweetalert（swal.fire）显示一个窗口提示。if语句和窗口提示如何在此库上工作？在这一点之后，你会明白我是这个编程世界的新手

在那之后，我想给输入赋值，并验证答案是否正确

H

这是我要单击的元素

Swal.fire({
title:'¿Cuál es el elemento?',
text: 'Introduce el nombre aquí',
input: 'text',
inputPlaceholder: 'Nombre', })

这是我在点击该元素时希望出现的提示。单击“确定”按钮时，要验证引入的名称是否正确…：

if (name === hidrógeno) {
     Swal.fire ('Correct!', 'You got the answer right!', 'success') }

else {
     Swal.fire ('Incorrect...', 'You failed!', 'error') }

---

首先，将单击事件侦听器附加到要单击的文本。您可以通过使用及其类名获取元素，然后使用以下内容向其添加click事件处理程序来完成此操作：

const elem=document.querySelector（“.gas”）；
元素addEventListener（“单击”，（）=>{
});

在addEventListener的回调函数中，您可以使用

Swal.fire（）

打开sweetalert问题弹出窗口。此方法返回解析为用户输入的文本的。要从该承诺中获取解析值，可以附加一个

.then（）

和参数中输入的文本：

const elem=document.querySelector（“.gas”）；
元素addEventListener（“单击”，（）=>{
喷火({
标题：“‘cual es el elemento’”，
文字：“介绍el nombre Aqí”，
输入：“文本”，
输入占位符：“Nombre”，
}).然后（{value}）=>{
如果（值==“hidrógeno”）{
Swal.fire（“正确！”，“你答对了！”，“成功”）
}否则{
Swal.fire（'error…'，'youfailed！'，'error'）
}
});
});

点击