уточните, пожалуйста, условие задания,
<!DOCTYPE html>
<html>
<head>
<title>The biggest</title>
<style>
.header {
text-align: center;
color: rgb(255, 198, 0);
}
.section {
display: grid;
grid-template-columns: repeat(6, 200px);
justify-content: space-between;
padding: 0 50px;
}
.item {
background-color: rgb(255, 198, 0);
color: white;
font-size: 20px;
padding: 10px;
border-radius: 4px;
text-align: center;
}
</style>
<script>
const getElement = document.getElementById('car');
const getElementsByClassName = document.getElementsByClassName('item');
console.log(document.querySelectorAll('#car~item'))
</script>
</head>
<body>
<h2 class="header">Biggest IT companies</h2>
<div id="it" class="section">
<div class="item">Apple</div>
<div class="item">Samsung Electronics</div>
<div class="item">Foxconn</div>
<div class="item">Alphabet</div>
<div class="item">Microsoft</div>
</div>
<h2 class="header"> Biggest Car Companies</h2>
<div id="car" class="section">
<div class="item">Toyota Motor Corp.</div>
<div class="item">Volkswagen AG</div>
<div class="item">Daimler AG</div>
<div class="item">Ford Motor Co.</div>
<div class="item">Honda Motor Co. Ltd.</div>
</div>
</body>
</html>
описание задачи некорректно, если мы выводим div по id (getElementById), то из него никак не получить div c классом ".car"
в результате не понятно, что нужно вывести в консоль....
