File tree Expand file tree Collapse file tree
Block Chain Collage Code 2 Expand file tree Collapse file tree Original file line number Diff line number Diff line change 66 < title > Document</ title >
77</ head >
88< body >
9-
9+
1010 < script src ="js/script.js "> </ script >
1111</ body >
1212</ html >
Original file line number Diff line number Diff line change 1+ <!doctype html>
2+ < html lang ="en ">
3+ < head >
4+ < meta charset ="UTF-8 " />
5+ < meta
6+ name ="viewport "
7+ content ="width=device-width, initial-scale=1.0 "
8+ />
9+ < style >
10+ * {
11+ /* font-weight: ; */
12+ }
13+ </ style >
14+ < title > Document</ title >
15+ </ head >
16+ < body >
17+ < h1
18+ id ="title "
19+ class =""
20+ >
21+ Hello Everyone!
22+ </ h1 >
23+ <!--
24+ <p class="Text">
25+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptas, ullam.
26+ </p> -->
27+
28+ < ul
29+ id ="list "
30+ class ="listItems "
31+ >
32+ < li > Apple</ li >
33+ < li > Banana</ li >
34+ </ ul >
35+
36+ < div id ="content "> < h3 > Hello</ h3 > </ div >
37+
38+ < p > Hello 1</ p >
39+ < p > Hello 2</ p >
40+ < p > Hello 3</ p >
41+ < p > Hello 4</ p >
42+ < p > Hello 5</ p >
43+
44+
45+
46+ < script src ="js/script.js "> </ script >
47+ </ body >
48+ </ html >
Original file line number Diff line number Diff line change 1+ "use strict" ;
2+
3+ // var
4+
5+ // const
6+
7+ // let
8+
9+ // var name;
10+ // var name;
11+
12+ // let name = "Amin";
13+ // let name = "Amin";
14+
15+ // console.log(name);
16+
17+ // console.log()
18+
19+ // let title = document.getElementsByClassName
20+ let title = document . getElementById ( "title" ) ;
21+
22+ console . log ( title ) ;
23+
24+ // Object.name="amin"
25+
26+ title . innerText = "Hello World!" ;
27+
28+ // .Text
29+
30+ // #Title
31+
32+ // let text = document.querySelector(".Text");
33+
34+ // text.style.color = "blue";
35+
36+ // text.style.fontWeight = "Bold";
37+ // text.style.fontStyle = "Italic";
38+
39+ // let list = document.querySelector(".listItems")
40+ let list = document . querySelector ( "#list" ) ;
41+
42+ let newItem = document . createElement ( "li" ) ;
43+
44+ newItem . innerText = "Orange" ;
45+
46+ // console.log(newItem)
47+
48+ list . appendChild ( newItem ) ;
49+
50+ let div = document . getElementById ( "content" ) ;
51+
52+ div . innerHTML = "<h4>Lorem ipsum dolor sit.</h4>"
53+
54+
55+ let paragraphs = document . querySelectorAll ( "p" )
56+
57+ console . log ( paragraphs )
58+
59+ paragraphs . forEach ( p => {
60+ p . style . color = "Red"
61+ } )
You can’t perform that action at this time.
0 commit comments