Let’s print to the console all the items with the item
class item
that are inside the car
block.
Use methods to get elements by identifier and class for this.
Use internal scripts.
This task is part of the Full-Stack JavaScript Course
If you have any issues with it, you can ask for community help below the post
Feel free to help others if you’ve already solved the task
index.html
<!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>
</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>