Skip to content

Commit b660c3e

Browse files
kanaklatwalkanaklatwal
committed
First project in javascript
1 parent 140310b commit b660c3e

4 files changed

Lines changed: 29 additions & 0 deletions

File tree

‎07_projects/01Project/index.html‎

Lines changed: 28 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,28 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<link rel = "stylesheet" href = "style.css" />
7+
<title>JavaScript Backend Color Switcher</title>
8+
</head>
9+
<body>
10+
<nav>
11+
<a href = "/" aria-current="page">Home</a>
12+
<a target = "_blank" href ="https://www.google.com">Google</a>
13+
</nav>
14+
<div class = "canvas">
15+
<!-- <a style = "background-color: #fff; padding: 10px 30px; border-radius: 8px; color:#212121; text-decoration: none; border: 2px solid #212121"
16+
href = "../index.html">Back to Home page</a> -->
17+
<h1>COlor Scheme Switcher</h1>
18+
<span class ="button" id ="grey"></span>
19+
<span class ="button" id ="white"></span>
20+
<span class ="button" id ="blue"></span>
21+
<span class ="button" id ="yellow"></span>
22+
<h2>Try clicking on one of the colors above
23+
<span>to change the background color of this page!</span>
24+
</h2>
25+
</div>
26+
<script src = "script.js"></script>
27+
</body>
28+
</html>

‎07_projects/01Project/script.js‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
document.querySelectorAll('.but')

‎07_projects/01Project/style.css‎

Whitespace-only changes.

‎07_projects/projectsset1.md‎

Whitespace-only changes.

0 commit comments

Comments
 (0)