хочу выполнить задание,но либо оно очень простое,либо я так не понял.
Сначала код
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Java Script</title>
</head>
<body>
<div class="open">
<button class="open-btn" id="open-btn">Открыть магазин</button>
</div>
<div class="main">
<div class="main-info">
<div class="name">Название магазина: </div>
<div class="name-value"></div>
<div class="budget">Бюджет магазина: </div>
<div class="budget-value"></div>
<div class="goods">Категории товаров: </div>
<div class="goods-value"></div>
<div class="items">Наименования товаров: </div>
<div class="items-value"></div>
<div class="employers">Сотрудники: </div>
<div class="employers-value"></div>
<div class="discount">Дисконтная система </div>
<div class="discount-value"></div>
<div class="isopen">Открыто </div>
<div class="isopen-value"></div>
</div>
<div class="main-functions">
<div class="choose-goods">Введите категории товаров</div>
<input class="goods-item" type="text" id="goods_1">
<input class="goods-item" type="text" id="goods_2">
<input class="goods-item" type="text" id="goods_3">
<input class="goods-item" type="text" id="goods_4">
<button class="goods-item-btn">Утвердить</button>
<div class="choose-items">Введите продукты через запятую</div>
<input class="choose-item" type="text" id="items">
<div class="time">Сколько сейчас времени?</div>
<input class="time-value" type="text" id="time">
<div class="count-budget">Расчет дневного бюджета</div>
<input class="count-budget-value" type="text" id="budget">
<button class="count-budget-btn">Рассчитать</button>
<div class="hire-employers">Имена сотрудников</div>
<input class="hire-employers-item" type="text" id="employers_1">
<input class="hire-employers-item" type="text" id="employers_2">
<input class="hire-employers-item" type="text" id="employers_3">
<button class="hire-employers-btn">Нанять</button>
</div>
</div>
<link rel="stylesheet" href="css/style.css">
<script src="js/script.js"> </script>
</body>
</html>
вот сами задания
Получить кнопку "Открыть магазин" через id
Получить все поля в левом меню через классы
Получить поля категории товаров через класс
Получить все 3 кнопки через Tag
Получить поля ввода товаров, времени и расчета бюджета через
querySelector
Получить поля имен сотрудников через querySelectorAll
Как я понял-все задания выполняются через getElementbyId,Class,Tag итд? Если же не так,то прошу помочь в разъяснении
1 задание
var open = document.getElementById("open-btn");
и.т.д.