Главная » Интересно

Как вывести результат в JavaScript и зачем это нужно? Прошаговая инструкция и примеры вывода информации на экран

На чтение 2 мин Опубликовано Обновлено 
 alert("Привет, мир!");
 console.log("Hello, World!");
    console.log("Привет, мир!");
    alert("Привет, мир!");
    document.write("Привет, мир!");

Методы для отображения результатов в JavaScript

В языке программирования JavaScript имеется несколько методов для отображения результатов. Рассмотрим некоторые из них:

МетодОписание
alert()
console.log()
document.write()Добавляет содержимое веб-страницы динамически
innerHTMLЗадает содержимое элемента в виде HTML-разметки
document.getElementById().textContentУстанавливает или возвращает текстовое содержимое элемента

Например, чтобы вывести строку «Привет, мир!» в консоль, достаточно воспользоваться следующим кодом:

console.log("Привет, мир!");

let x = 5;
let y = 10;
let sum = x + y;
console.log("Сумма x и y равна: ", sum);

Отображение результата на веб-странице с использованием document.write()

Для использования функции document.write() необходимо вызвать ее внутри скрипта, который выполняется после загрузки веб-страницы. Например, следующий скрипт выведет текст «Привет, мир!» на веб-странице:

В результате выполнения этого скрипта на веб-странице будет отображаться текст «Привет, мир!».

Однако стоит отметить, что функция document.write() имеет свои особенности. Если она вызывается после

Для того чтобы вывести определенные данные с помощью innerHTML, необходимо указать идентификатор или класс HTML-элемента и присвоить свойству innerHTML значение, которое вы хотите вывести.

Пример:


<html>
<body>
<h1 id="myHeading">Заголовок</h1>
<div id="myDiv"></div>
<script>
let myDiv = document.getElementById("myDiv");
myDiv.innerHTML = myText;
</script>
</body>
</html>

Для использования функции alert() достаточно вызвать её и передать в неё текст, который нужно вывести:

alert("Привет, мир!");

После выполнения этого кода на экране появится окно с сообщением «Привет, мир!».

let name = "Иван";
let age = 25;
alert("Меня зовут " + name + " и мне " + age + " лет.");

В результате выполнения этого кода на экране появится окно с текстом «Меня зовут Иван и мне 25 лет.»

Оцените статью