Первое что отображается на странице - это диалоговое окно и если пользователь нажмет "отмена" нужно чтоб страница была пустой, если нажмет "ок" то чтоб css разметка отображалась. Как это сделать?
вот код
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>HW_8</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<main>
<div class="main_form">
<div class="box">
<div class="name_form">
<label for="name">Enter name:</label><br>
<input type="text" name="text" placeholder="Name..." id="name">
</div>
<div class="time_form">
<label for="time">Enter time:</label><br>
<input type="text" name="time" placeholder="Time..." id="time">
</div>
<div class="place_form">
<label for="place">Enter place:</label><br>
<input type="text" name="place" placeholder="Place..." id="place">
</div>
</div>
</div>
</main>
<script type="text/javascript" src="js/app.js"></script>
</body>
</html>
*{
margin: 0;
padding: 0;
text-decoration: none;
}
html{
background-color: #d7f5e7;
}
.main_form{
display: flex;
align-items: center;
justify-content: center;
}
.box{
padding: 4px 0px 4px 6px;
width: 900px;
height: 500px;
background-color: #fff;
border: 1px solid #000;
}
.box input{
width: 850px;
height: 35px;
background-color: #39bd8e;
border: none;
padding: 4px;
}
let metEvent = prompt('Event name:', 'event'); 
Простой
