我需要添加指向句子数组的链接: 每次用户单击该按钮时,都会出现列表中的一个句子。我需要插入一些句子链接。我该怎么做?
这是代码:
var cnt = 0;
function callMe() {
var Your_Sentences_Array = ['sentence0', 'sentence1', 'sentence2', 'sentence3'];
var div = document.getElementById('idtxt');
div.innerHTML = Your_Sentences_Array[cnt];
cnt == Your_Sentences_Array.length - 1 ? cnt = 0 : cnt++;
}
<div class="game">
<div dir="rtl" class="sentence" id="idtxt"> sentence </div>
<button class="done" type="button" onclick="callMe()">Done!</button>
</div>
例如,我需要当句子3出现时,它将是可点击的,并且会导致不同的页面。
非常感谢任何帮助!谢谢:)
最佳答案
您可以检查句子何时为句子3,将其显示在这样的链接中
var cnt = 0;
var Your_Sentences_Array = [
{
text: 'sentence0',
link: false
}, {
text: 'sentence1',
link: 'http://google.com/a'
}, {
text: 'sentence2',
link: false
}, {
text: 'sentence3',
link: 'http://google.com/b'
}
];
function callMe() {
var div = document.getElementById('idtxt');
var newSentence = Your_Sentences_Array[cnt];
div.innerHTML = newSentence.link ? ('<a href="' +newSentence.link+ '">' + newSentence.text + '</a>') : newSentence.text;
cnt == Your_Sentences_Array.length - 1 ? cnt = 0 : cnt++;
}
<div class="game">
<div dir="rtl" class="sentence" id="idtxt"> sentence </div>
<button class="done" type="button" onclick="callMe()">Done!</button>
</div>
希望这有帮助!
关于javascript - 如何向句子数组添加链接?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60754779/