Как вывести текст на экран javascript

"js вывести текст на экран", как вывести текст на экран в js? Рассмотрим несколько вариантов вывода текста/сообщения и т.д. на экран в javascript.

Несколько способов вывода текста на экран js/

1. Вывод текста на экран при загрузке страницы.
2. Выводим текст на экран js по клику document.write.
3. Выводим текст на экран js по клику alert.
4. Выводим текст на экран js по клику alert 2.
5. Выводим текст на экран js по клику innerHTML.

1. Вывод на экран при загрузке страницы.

Этот способ вывода текста на экран в javascript при загрузке страницы можно использовать и в других случаях!

Для того, чтобы вывести текст на экран в js вам понадобится:

Теги javascript script.

<script></script>

Внутрь тегов помещаем document.write, далее круглые скобки, одинарные кавычки + текст:

document.write('Здесь текст и он будет выведен текст на экран с помощью js');

Соберем весь код:

Код вывода текста на экран в js при загрузке страницы:

Соберем весь код "вывода текста на экран в js при загрузке страницы":

<script>

document.write('Здесь текст и он будет выведен текст на экран с помощью js');

</script>

Пример вывода текста на экран в js при загрузке страницы:

Выше приведенный код "вывода текста на экран в js при загрузке страницы" разместим прямо здесь:

2. Выводим текст на экран js по клику.

Рассмотри один из вариантов "вывода текста на экран" в javascript, для этого вма понадобится:

Используем для клика тег (button):

<button></button>

Внутри button поместим onclick + document.write .

Соберем весь код:

Соберем весь код вывода текста на экран в js:

<button onclick="document.write('Вывод текста в javascript. <a href=https://jsphp.ru/vyivesti_tekst_na_ekran_js.html>вернуться</a>')">Выведи текст в javascript</button>

Пример вывода текста на экран в js:

Для того, чтобы вывести сообщение на экран в javascript нажмите ниже идущую кнопку:

Выведи текст в javascript

3. Выводим текст на экран js по клику alert.

Еще один вариант вывода текста на экран в js? это использование alert!

Для создания кода вывода текста на экран вам понадобится:

Самое простое это (button), но не обязательно! Просто вставляем код вывода текста на экран в любой другой тег... поскольку "button" уже использовался... давайте используем простой div с произвольным текстом внутри:

<div style="color: red;">Выведи текст в javascript - нажми на меня</div>

Внутрь "div" помещаем onclick внутри тега(в следующем пункте разместим за пределами тега)...

Соберем весь код:

Код вывода текста на экран js:

<button onclick="alert('Вывод текста в javascript ')">Выведи текст в javascript</button>

результат вывода текста на экран js

Для того, чтобы вывести текст на экран в javascript, нажмите кнопку "Выведи на экран в javascript"

Выведи на экран в javascript - нажми на меня

4. Выводим текст на экран js по клику alert 2.

Еще один из вариантов вывода текста на экран в js... onclick не обязательно помещать в теге...

Итак для этого варианта вим понадобится:

Всё тоже самое, что и в предыдущем пункте, кроме некоторых изменений! Используем тот же див, только вместо "onclick" помещаем туда id с произвольным значением:

<div style="color: red;" id=back>Выведи на экран в javascript - нажми на меня</div>

Далее ниже выведем тег script с использованием onclick + одним из способов обратиться по id :

<script>

back . onclick = function(){ alert('Вывод на экран в javascript');}

</script>

Соберем весь код:

Код вывода текста на экран js:

html

<div style="color: red;" id=back>Выведи на экран в javascript - нажми на меня</div>

javascript

<script>

back . onclick = function(){ alert('Вывод на экран в javascript');}

</script>

результат вывода текста на экран js

Для того, чтобы вывести текст на экран в javascript, нажмите кнопку "Выведи на экран в javascript #2"

Выведи на экран в javascript - нажми на меня

5. Выводим текст на экран js по клику innerHTML.

Здесь будем использовать innerHTML, вместо выше использованных способов в вывода текста на экран...

Для этого вам понадобится...

Всё тоже самое с некоторыми изменениями... Крое кнопки добавляем второй div:

<div id="inner"></div>

Вместо предыдущих способов вывода текста на экран javascript используем innerHTML

Соберем весь код:

Код вывода текста на экран js с innerHTML:

html

<button id="back2">Выведи текст в javascript</button>

<div id="inner"></div>

javascript

<script>

back2.onclick = function()

{

inner.innerHTML='Выведем на экран всё!!!';

}

</script>

Пример вывода текста на экран js с innerHTML

Выведи текст в javascript

Всего комментариев : Comments+ 2.0

+ =