Как соединить javascript и html

Используем конкатенацию

Мы научились выводить на страницу строки с текстом и данные, полученные из поля ввода. Но сообщение об удачной подписке устроено сложнее: в нём должны быть одновременно и адрес, введённый пользователем, и текст. Как быть?

Нам нужно «склеить» несколько значений. Операция, которая позволяет присоединить одно значение к другому, называется конкатенацией и в JavaScript выполняется с помощью знака плюс.

Склеивать можно обычные строки:

paragraph.textContent = 'Вас зовут ' + 'инструктор Кекс'; console.log(paragraph.textContent); // Выведет: Вас зовут инструктор Кекс

А можно — строки и переменные (или свойства элементов). И, кстати, значений может быть больше двух:

let name = 'Кекс'; paragraph.textContent = 'Вас зовут ' + name + '. Хорошего дня!'; console.log(paragraph.textContent); // Выведет: Вас зовут Кекс. Хорошего дня!

Сообщение об удачной подписке состоит из двух строк и свойства email.value :

'Адрес ' + email.value + ' добавлен в список получателей рассылки.'

Скажем JavaScript выводить его после отправки формы — и страница с подпиской готова! Кекс, принимай работу!

Хотите всё и сразу? HTML, CSS, JavaScript, React, Node.js, оплачиваемая стажировка в Лиге А и гарантия трудоустройства. Записывайтесь на профессию «Фулстек-разработчик», которая стартует 16 января 2024. Всего от 5 250 ₽ в месяц.

Перейти к заданию

• index.html Сплит-режим
• style.css Сплит-режим
• script.js Сплит-режим