Как я могу добавить ссылки на массив предложений?

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>

Надеюсь, это поможет!