Есть 4 кнопки элемента a как реализовать, чтобы при нажатии определенной кнопки менялся текст?

Для реализации изменения текста при нажатии на определенную кнопку в JavaScript можно использовать различные подходы, но наиболее распространенным и эффективным способом является применение событий и обработчиков событий.

Вот пример реализации данной задачи:

HTML-разметка:

<button id="button1" onclick="changeText('button1')">Button 1</button>
<button id="button2" onclick="changeText('button2')">Button 2</button>
<button id="button3" onclick="changeText('button3')">Button 3</button>
<button id="button4" onclick="changeText('button4')">Button 4</button>

<p id="text">Исходный текст</p>

JavaScript-код:

function changeText(buttonId) {
  var textElement = document.getElementById("text"); // Получаем элемент с текстом

  switch (buttonId) {
    case "button1":
      textElement.innerHTML = "Текст для кнопки 1"; // Изменяем текст на нужный
      break;
    case "button2":
      textElement.innerHTML = "Текст для кнопки 2";
      break;
    case "button3":
      textElement.innerHTML = "Текст для кнопки 3";
      break;
    case "button4":
      textElement.innerHTML = "Текст для кнопки 4";
      break;
    default:
      textElement.innerHTML = "Ошибка: неправильный идентификатор кнопки";
  }
}

В данном примере на каждой кнопке установлен обработчик события onclick, который вызывает функцию changeText(buttonId) и передает идентификатор нажатой кнопки в качестве параметра. Внутри функции используется оператор switch, чтобы определить, какой текст нужно установить в элементе с идентификатором text. В случае, если передан неправильный идентификатор кнопки, устанавливается текст с сообщением об ошибке.

После нажатия на одну из кнопок, текст в элементе с идентификатором text будет изменяться соответственно выбранной кнопке. Просто замените тексты в case блоках на свои нужные тексты.

Используя данную реализацию, вы сможете изменять текст в элементе при нажатии на любую из 4 кнопок.