Abdalla Ben Omran Ответов: 2

Как я могу изменить текст, как только нажму на кнопку ?


Я новичок в JavaScript, и у меня есть текст "Hello World" и кнопка под этим текстом, как только я нажимаю на кнопку, должен ли текст измениться на "Hello Ben"

очень простой но я буду очень рад получить объяснение как он работает так как я новичок в Js

Я использую консоль в googlechrom так что я просто хочу, JS и HTML не

Что я уже пробовал:

Всем Привет
<button id="clickMe">Click Me</button>


function ShowHelloMessage() {

          var GetText = document.getElementById("clickMe");

2 Ответов

Рейтинг:
4

jimmson

Вы можете использовать свойство innerText для изменения текста.

var GetText = document.getElementById("clickMe");
GetText.innerText = "test";


Более подробная информация о innerText: JavaScript - свойство innerText - javatpoint[^]


Рейтинг:
17

MadMyche

Есть 2 части, которые необходимы для вашего вопроса

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

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

<button id="clickMe" onclick="ShowHelloMessage();">Click Me</button>
Вы заметите пустые скобки как в функции, так и в вызывающем ее событии. Вы можете поместить имя переменной в саму функцию и проходить это значение на самой кнопке
<script>
function ShowHelloMessage(NewMessageValue) {
	var GetText = document.getElementById("clickMe");
	GetText.innerText = NewMessageValue;
}
</script>
<button id="clickMe" onclick="ShowHelloMessage('Mike was here!');">Click Me</button>


jimmson

Хороший ответ.

MadMyche

Спасибо

F-ES Sitecore

Возможно, вам придется "вернуть false" из этой функции, если кнопка находится в форме.

[no name]

спасибо тебе, Мэдмич, спасибо, джимсон