Как вывести результат в JavaScript. Примеры вывода информации

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

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

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

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

document.getElementById("output").innerHTML = "Привет, мир!";

В данном примере мы используем метод getElementById() для доступа к элементу с идентификатором «output», и устанавливаем его содержимое равным «Привет, мир!».

Например, чтобы вывести текст на страницу, мы можем написать следующий код:


document.write("Привет, мир!");

В результате на странице будет выведена строка «Привет, мир!»

Кроме того, мы также можем использовать HTML-теги с помощью функции document.write(). Например, чтобы вывести абзац на страницу, мы можем написать следующий код:


document.write("

Это абзац текста.

");

В результате на странице будет выведен абзац текста.

    И помните, что при использовании функции document.write(), она будет добавлять содержимое в текущее состояние страницы. Если вы вызовете эту функцию после того, как браузер уже загрузил и отобразил страницу полностью, то она перезапишет все предыдущие содержимое.

    1. Метод innerHTML: изменяет содержимое элемента HTML. Этот метод позволяет непосредственно взаимодействовать с HTML-элементами и изменять их содержимое.

    Например, следующий код выведет сообщение в консоли:

    console.log("Привет, мир!");
    alert("Привет, мир!");
    document.write("Привет, мир!");
    МетодОписание
    console.log()
    document.write()
    alert()
    innerHTML
    textContent

    Вот несколько примеров:

    1. Использование функции alert()

      alert("Привет, мир!");
    2. Использование функции console.log()

      console.log("Привет, мир!");
    3. Использование метода document.write()

      Метод document.write() записывает текст или HTML-код непосредственно в документ. Вот пример:

      document.write("Привет, мир!");
    4. Использование метода innerHTML

      Свойство innerHTML позволяет задавать HTML-содержимое элемента. Вот пример:

      document.getElementById("myElement").innerHTML = "Привет, мир!";

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