Javascript 如何检查`&;之间的相等性#039;` 和';?
我对web开发非常陌生,我将介绍AJAX函数和HTTP请求的第一步 我只知道香草JS、CSS和HTML。我对regexp也知之甚少,所以如果答案能尊重这一点,我将不胜感激 我正在开发一个简单的问答游戏,从opentdb获取Q&a。数据保存在一系列问题中,采用以下格式(请注意Javascript 如何检查`&;之间的相等性#039;` 和';?,javascript,html,encoding,Javascript,Html,Encoding,我对web开发非常陌生,我将介绍AJAX函数和HTTP请求的第一步 我只知道香草JS、CSS和HTML。我对regexp也知之甚少,所以如果答案能尊重这一点,我将不胜感激 我正在开发一个简单的问答游戏,从opentdb获取Q&a。数据保存在一系列问题中,采用以下格式(请注意正确答案上的和#039;): [..., { category: "Entertainment: Film", type: "multiple", difficulty: "m
正确答案上的和#039;
)
:
[..., {
category: "Entertainment: Film",
type: "multiple",
difficulty: "medium",
question: "What Queen song plays during the final fight scene of the film "Hardcore Henry"?",
correct_answer: "Don't Stop Me Now",
incorrect_answers: [
"Brighton Rock",
"Another Bites the Dust",
"We Will Rock You"
]
}, ...]
[... ,"Don't Stop Me Now", ...]
成功获取数据后,我要做的第一件事是将所有正确答案放入一个数组中,稍后我将使用该数组与用户选择的答案进行比较。在本例中,我的正确答案数组类似于(再次注意';
):
[..., {
category: "Entertainment: Film",
type: "multiple",
difficulty: "medium",
question: "What Queen song plays during the final fight scene of the film "Hardcore Henry"?",
correct_answer: "Don't Stop Me Now",
incorrect_answers: [
"Brighton Rock",
"Another Bites the Dust",
"We Will Rock You"
]
}, ...]
[... ,"Don't Stop Me Now", ...]
当我向DOM呈现问题和答案时,通过创建必要的元素并使用innerHTML,所有内容都会在浏览器上显示良好(即,我得到的是实际的,
)
[... ,`Don't Stop Me Now`, ...]
但是,稍后,当我使用以下工具收集用户选择的答案时:
const selectedAnswer = event.currentTarget.innerHTML
我得到了“现在不要阻止我”
,当我将其与我的一系列正确答案进行比较时,我得到了如下结果:
"Don't Stop Me Now" === "Don't Stop Me Now"
当它返回false时,实际上应该是true,因为这是正确的答案
如何解决此问题?您可以尝试使用反勾号,而不是
“
的HTML代码
[... ,`Don't Stop Me Now`, ...]
';
是'
的HTML实体代码。因此,如果这只是您关心的问题,您可以尝试首先映射该数组,并将该HTML实体代码替换/转换为字符,如下所示:
[…,“现在不要阻止我”,…].map(item=>item.replace(/&&039;/g,”);
嗯';
是一个HTML实体。因此我创建了一个新元素,然后将其innerHTML
属性设置为文本和HTML实体,然后将其innerText
与用户输入进行比较
const text=“现在不要阻止我”;
const checkAnswer=(correct,input)=>Object.assign(document.createElement('span'),{innerHTML:correct})。innerText==input;
console.log(checkAnswer(文本,“现在不要阻止我”);
这不起作用,因为答案可以有其他HTML实体代码,如,
的”,
和其他代码::像这样使用第三方库怎么样?你试过了吗?或者这不起作用,因为“现在不要阻止我”&&“
是我从API中获得的信息,或者我没有遵循……很抱歉,我误解了您从API中获得此信息的事实。您可以向按钮/元素添加某种标志,为其指定正确的值。这很有效,谢谢!