javascript - 如何向句子数组添加链接？

Question

我需要添加指向句子数组的链接:每次用户单击该按钮时，都会出现列表中的一个句子。我需要插入一些句子链接。我该怎么做？

这是代码:

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出现时，它将是可点击的，并且会导致不同的页面。

非常感谢任何帮助!谢谢:)

Answer 1

您可以检查句子何时为句子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>

希望这有帮助!