Пример прокрутки и выделения Javascript Onclick

Question

По сути, я пытаюсь создать кнопку, которая будет иметь щелчок, который при нажатии будет нажимать кнопку, а при каждом щелчке по клику прокручивается другой символ или строка.Символ или строка должны выделиться и перейти к следующему.Я не могу выполнить код для работы.Я пробовал разные попытки.Пожалуйста, покажите мне пример, если мой ошибается.

Я новичок в JavaScript.Кроме того, я использую чистый JavaScript.

var newclicks = document.getElementById('aclick');
newclicks.addEventListener('click', function() {
      for (var x = 0; 0 < document.length; x++) {
        if (str[0] == str2[0]) {
          var both = true;
          click.parentNode.style.backgroundColor = '#FF9900';
          var scrollLocation = str.location.toString();
          document.location = scrollLocation;
        }
      }

Answer 1

Ознакомьтесь с образцом фрагмента, надеюсь, это то, что вы ищете.пожалуйста, прокомментируйте, если вам нужны какие-либо изменения или обновления;

var newclicks = document.getElementById('aclick');
var str = document.getElementsByTagName('p')[0].innerText;
var length = str.split(/\s/).length;
var count = 0;
newclicks.addEventListener('click', function() {
  if(count < length){
   var temp = str.split(/\s/);
   temp[count] = '<span style= "background-color: yellow">'+temp[count]+'</span>';
   document.getElementsByTagName('p')[0].innerHTML = temp.join(' ');
    count++;
  }else{
    var temp = str.split(/\s/);
   temp[0] = '<span style= "background-color: yellow">'+temp[0]+'</span>';
   document.getElementsByTagName('p')[0].innerHTML = temp.join(' ');
    count = 1;
  }
})

<p> This is a sample test code</p>
<button id="aclick"> Highlight</button>