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>

例如，我需要当 sentence3 出现时它是可点击的，并会导致另一个页面。

我很感激任何帮助！谢谢 ： ）

标签： javascriptarraysurl

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>

希望这可以帮助！