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

Question

В моем HTML я хочу поместить слово в id=“button__anfang“

<p class="card-text" id="text__anfang"></p>

. Для этого у меня есть массив слов на выбор. Функция: ausgabe_start случайным образом выбирает слово и помещает его туда, нажимая кнопку.

Это функция, которая помещает случайно выбранное слово в узел с id "text-anfang".

* 1010. *

По какой-то причине он помещает слово в другой массив. [number_start] - это индекс, который берет слово из array start. Это случайно.

Когда мне не нравится слово, я хочу нажать кнопку еще раз, чтобы получить новое. И я не хочу полной перезагрузки страницы

Как я могу сделать функцию снова выбрать из массива и поместить слово в id="text__anfang"?

Я попробовал запрос в функция, как в псевдокод :

If text__anfang.length != "0" delete text__anfang.

Pls. взгляните на этот кодекс

Answer 1

В функции обратного вызова для прослушивателя событий щелчка вы фактически выдвигаете присвоение textAnfang.textContent в массив arrWords . Сам текст определяется результатом start[number_start]);, где start - ваш массив слов, а number_start - случайное целое число. Если вы хотите иметь другой случайный индекс, вам нужно присвоить number_start другое значение в обработчике обратного вызова, например:

let ausgabe_start = () => {
  let number_start = Math.floor((Math.random() * 2));
  textAnfang.textContent = start[number_start];
}

Недостаток здесь в том, что он может вернуть само случайное слово снова, потому что нет проверки для убедитесь, что этого не произойдет. Вы можете обойти это, поместив присваивание в do-while l oop, которое повторяется до тех пор, пока случайное слово и текущее значение textAnfang равны.

let ausgabe_start = () => {
  let tempStr;
  do {
    number_start = Math.floor((Math.random() * 2));
    tempStr = start[number_start];
  }
  while (tempStr == textAnfang.textContent);
  textAnfang.textContent = tempStr;
}