Как делать модальное окно на React js
Модальное окно на HTML, CSS, JS.
ТЗ - Создать HTML-страницу и добавить на нее кнопку, которая будет открывать модальное окно. <body> <button id='openBtn'>Открыть</button> <div id='modalOverlay' class="modal_overlay"> <div class="modal"> <p>Модальное окно</p> <button id='closeBtn'>Закрыть</button> </div> </div> </body> .modal_overlay{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7); display: none; } .modal { background: white; margin-left:40%; margin-top:1%; padding-bottom:20px; border-radius: 8px; width: 200px; height: 80px; text-align: center; box-shadow: 0 2px 10px rgba(0,0,0,0...
Задание 10. Создаем модальное окно и работаем с this
Решаю ДЗ по курсу: [Udemy] [Иван Петриченко] Полный курс по JavaScript. JavaScript в работе: 1) Написать функцию вызова модального окна
2) Привязать модальное окно к кнопкам “Узнать подробнее” в табах. Код не должен дублироваться.
Второе задание:
У вас есть код:
-----------------------------------------------------------------------------------
<input id="age" value="30">
let age = document.getElementById('age');
function showUser(surname, name) {
alert("Пользователь " + surname + " " + name + ", его возраст " + this.value);
}
showUser();
-----------------------------------------------------------------------------------
Выведите...