April 18, 2019

Javascript Challenge #2: NodeList

By Krishnaa JavaScript Questions 0 Comments

Javascript Challenge #2: NodeList

This is another challenge in Javascript. Listen the instructions carefully before starting this challenge. I hope you will enjoy!

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

<!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">

<link rel="stylesheet" href="style.css">

<title>Document</title>

</head>

<body>

<div class="container">

<div class="change">1</div>

<div>2</div>

<div>3</div>

<div>4</div>

<div>5</div>

<div>6</div>

</div>

<script src="script.js"></script>

</body>

</html>

1

2

3

4

5

6

7

8

9

10

11

12

.container{

border: 1px solid black;

width: 200px;

}

.container div {

border: 1px solid black;

background-color: green;

color: #fff;

text-align: center;

padding: 20px;

}