├── .vscode └── settings.json ├── .gitattributes ├── Unit 6 ├── Exe-1 │ ├── Photos │ │ ├── img1.webp │ │ ├── img2.webp │ │ ├── img3.webp │ │ └── img4.webp │ └── exe1.html ├── Exe-2 │ ├── Photos │ │ └── glogo.jpg │ ├── home.html │ └── about.html └── exe3.html ├── Unit 10 ├── Exe-5 │ ├── img │ │ ├── website1.jpg │ │ ├── website2.jpg │ │ └── website3.jpg │ ├── script.js │ └── index.html ├── Exe-6 │ ├── script.js │ └── index.html ├── Exe-2 │ ├── script.js │ └── index.html ├── Exe-4 │ ├── index.html │ └── script.js ├── Exe-1 │ ├── index.html │ └── script.js ├── Exe-10 │ ├── index.html │ └── script.js ├── Exe-3 │ ├── index.html │ └── script.js ├── Exe-8 │ ├── index.html │ └── script.js ├── Exe-9 │ ├── index.html │ └── script.js ├── Exe-11 │ ├── index.html │ └── script.js └── Exe-7 │ ├── script.js │ ├── style.css │ └── index.html ├── Unit 4 └── Unit 4 Wireframe Assignment.docx ├── Unit 3 └── Unit 3 Version Control Assignment.docx ├── Unit 5 ├── exe 3 │ ├── photo-1657457821745-09650cbce80d.webp │ ├── page 2.html │ └── page 1.html ├── exe2.html └── exe1.html ├── Unit 11 ├── Exe-1 │ ├── index.html │ └── script.js ├── Exe-3 │ ├── script.js │ └── index.html ├── Exe-2 │ ├── index.html │ └── script.js ├── Exe-4 │ ├── script.js │ └── index.html └── Exe-5 │ ├── index.html │ └── script.js ├── Unit 8 ├── Exe-1 │ ├── style.css │ └── index.html ├── Exe-2 │ ├── style.css │ └── index.html ├── Exe-3 │ ├── style.css │ └── index.html └── Exe-4 │ ├── style.css │ └── index.html ├── Unit 9 ├── Exe-1 │ ├── style.css │ └── index.html ├── Exe-3 │ └── index.html └── Exe-2 │ └── index.html └── Unit 7 ├── exe1.html └── exe2.html /.vscode/settings.json: -------------------------------------------------------------------------------- 1 | { 2 | "liveServer.settings.port": 5501 3 | } -------------------------------------------------------------------------------- /.gitattributes: -------------------------------------------------------------------------------- 1 | # Auto detect text files and perform LF normalization 2 | * text=auto 3 | -------------------------------------------------------------------------------- /Unit 6/Exe-1/Photos/img1.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/amulifts/L3IT/HEAD/Unit 6/Exe-1/Photos/img1.webp -------------------------------------------------------------------------------- /Unit 6/Exe-1/Photos/img2.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/amulifts/L3IT/HEAD/Unit 6/Exe-1/Photos/img2.webp -------------------------------------------------------------------------------- /Unit 6/Exe-1/Photos/img3.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/amulifts/L3IT/HEAD/Unit 6/Exe-1/Photos/img3.webp -------------------------------------------------------------------------------- /Unit 6/Exe-1/Photos/img4.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/amulifts/L3IT/HEAD/Unit 6/Exe-1/Photos/img4.webp -------------------------------------------------------------------------------- /Unit 6/Exe-2/Photos/glogo.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/amulifts/L3IT/HEAD/Unit 6/Exe-2/Photos/glogo.jpg -------------------------------------------------------------------------------- /Unit 10/Exe-5/img/website1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/amulifts/L3IT/HEAD/Unit 10/Exe-5/img/website1.jpg -------------------------------------------------------------------------------- /Unit 10/Exe-5/img/website2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/amulifts/L3IT/HEAD/Unit 10/Exe-5/img/website2.jpg -------------------------------------------------------------------------------- /Unit 10/Exe-5/img/website3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/amulifts/L3IT/HEAD/Unit 10/Exe-5/img/website3.jpg -------------------------------------------------------------------------------- /Unit 4/Unit 4 Wireframe Assignment.docx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/amulifts/L3IT/HEAD/Unit 4/Unit 4 Wireframe Assignment.docx -------------------------------------------------------------------------------- /Unit 10/Exe-6/script.js: -------------------------------------------------------------------------------- 1 | var num = 1; 2 | 3 | for (num;num<=10;num++){ 4 | document.write("5"+" * "+num+" = "+5*num+"
"); 5 | } -------------------------------------------------------------------------------- /Unit 10/Exe-2/script.js: -------------------------------------------------------------------------------- 1 | var name = prompt("Enter your Name: "); 2 | var id = prompt("Enter your id: "); 3 | 4 | alert(id + "\n" + name); 5 | -------------------------------------------------------------------------------- /Unit 3/Unit 3 Version Control Assignment.docx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/amulifts/L3IT/HEAD/Unit 3/Unit 3 Version Control Assignment.docx -------------------------------------------------------------------------------- /Unit 5/exe 3/photo-1657457821745-09650cbce80d.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/amulifts/L3IT/HEAD/Unit 5/exe 3/photo-1657457821745-09650cbce80d.webp -------------------------------------------------------------------------------- /Unit 10/Exe-5/script.js: -------------------------------------------------------------------------------- 1 | var i = 1; 2 | 3 | for (i;i<=3;i++){ 4 | document.write(""); 5 | } -------------------------------------------------------------------------------- /Unit 10/Exe-5/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | Exercise-5 4 | 5 | 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /Unit 10/Exe-4/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | Exercise-4 4 | 5 | 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /Unit 10/Exe-1/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | Exercise-1 4 | 5 | 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /Unit 10/Exe-10/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | Exercise-10 4 | 5 | 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /Unit 10/Exe-2/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | Exercise-2 4 | 5 | 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /Unit 10/Exe-3/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | Exercise-3 4 | 5 | 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /Unit 10/Exe-6/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | Exercise-6 4 | 5 | 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /Unit 10/Exe-8/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | Exercise-8 4 | 5 | 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /Unit 10/Exe-9/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | Exercise-9 4 | 5 | 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /Unit 11/Exe-1/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | Exercise-1 4 | 5 | 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /Unit 10/Exe-8/script.js: -------------------------------------------------------------------------------- 1 | myColor = ["Red", "Green", "White", "Black"]; 2 | document.write((myColor.toString()),"
"); 3 | document.write((myColor.join()),"
"); 4 | document.write((myColor.join("+"))); 5 | -------------------------------------------------------------------------------- /Unit 11/Exe-3/script.js: -------------------------------------------------------------------------------- 1 | function mOver(){ 2 | document.getElementById("hover").innerHTML = "Thank You" 3 | } 4 | 5 | function mOut(){ 6 | document.getElementById("hover").innerHTML = "Mouse Over Me" 7 | } -------------------------------------------------------------------------------- /Unit 10/Exe-1/script.js: -------------------------------------------------------------------------------- 1 | var int = 10; 2 | var float = 12.0; 3 | const boolean = 10>2; 4 | var string = "Aman"; 5 | 6 | document.write(int,"
"); 7 | document.write(float,"
"); 8 | document.write(boolean,"
"); 9 | document.write(string,"
"); -------------------------------------------------------------------------------- /Unit 10/Exe-9/script.js: -------------------------------------------------------------------------------- 1 | function array(arr) { 2 | var sum = 0, prod = 1; 3 | for (var i = 0; i < arr.length; i++) { 4 | sum += arr[i]; 5 | prod *= arr[i]; 6 | } 7 | console.log(sum); 8 | console.log(prod); 9 | } 10 | array([5, 1, 3, 3, 2]); -------------------------------------------------------------------------------- /Unit 11/Exe-2/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | Exercise-2 4 | 5 | 6 | 7 |

Click me to see date and time

8 | 9 | 10 | -------------------------------------------------------------------------------- /Unit 11/Exe-1/script.js: -------------------------------------------------------------------------------- 1 | var today = new Date(); 2 | 3 | var date = today.getFullYear()+'-'+(today.getMonth()+1)+'-'+today.getDate(); 4 | 5 | var time = today.getHours() + ":" + today.getMinutes() + ":" + today.getSeconds(); 6 | 7 | document.write(dateTime = date+' '+time); -------------------------------------------------------------------------------- /Unit 8/Exe-1/style.css: -------------------------------------------------------------------------------- 1 | body{ 2 | font-family: Verdana, Arial, Helvetica, sans-serif; 3 | font-size: 12px; 4 | background-color: #CCFFFF; 5 | } 6 | 7 | h1{ 8 | font-size: 14px; 9 | font-variant: small-caps; 10 | color: #FF0000; 11 | background-color: #00FF00; 12 | } -------------------------------------------------------------------------------- /Unit 10/Exe-10/script.js: -------------------------------------------------------------------------------- 1 | var length = prompt("Enter number for the length of your rectangle."); 2 | var width = prompt("Enter number for the width of your rectangle."); 3 | function area(length, width) { 4 | return length * width; 5 | } 6 | 7 | document.write("The area of your rectangle is " + area(length, width)); -------------------------------------------------------------------------------- /Unit 11/Exe-3/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | Exercise-3 4 | 5 | 6 | 7 |
8 |

Hover

9 |
10 | 11 | -------------------------------------------------------------------------------- /Unit 9/Exe-1/style.css: -------------------------------------------------------------------------------- 1 | html, body{ 2 | width: 0; 3 | } 4 | 5 | .table { 6 | display:table; 7 | width:100px; 8 | text-align: center; 9 | } 10 | .row { 11 | display:table-row; 12 | } 13 | .cell { 14 | display:table-cell; 15 | border:1px solid grey; 16 | } 17 | .caption { 18 | display:table-caption; 19 | caption-side:bottom; 20 | border:1px solid grey; 21 | } -------------------------------------------------------------------------------- /Unit 11/Exe-4/script.js: -------------------------------------------------------------------------------- 1 | function changebgcolor(){ 2 | var x = Math.floor(Math.random() * 256); 3 | var y = Math.floor(Math.random() * 256); 4 | var z = Math.floor(Math.random() * 256); 5 | var bgcolor = "rgb(" + x + "," + y + "," + z + ")"; 6 | //document.getElementById("color").style.backgroundColor = bgcolor; 7 | //Or without id// 8 | document.body.style.backgroundColor = bgcolor; 9 | } -------------------------------------------------------------------------------- /Unit 11/Exe-2/script.js: -------------------------------------------------------------------------------- 1 | function dateandtime() { 2 | document.getElementById("head").innerHTML = " "; 3 | var today = new Date(); 4 | 5 | var date = 6 | today.getFullYear() + "-" + (today.getMonth() + 1) + "-" + today.getDate(); 7 | 8 | var time = 9 | today.getHours() + ":" + today.getMinutes() + ":" + today.getSeconds(); 10 | 11 | document.write((dateTime = date + " " + time)); 12 | } 13 | -------------------------------------------------------------------------------- /Unit 10/Exe-3/script.js: -------------------------------------------------------------------------------- 1 | var marks = prompt("Enter your marks: "); 2 | 3 | if (marks>=80 && marks<=100) { 4 | alert("Distinction"); 5 | } else if (marks >=60 && marks < 80) { 6 | alert("First Division"); 7 | } else if (marks >=50 && marks < 60) { 8 | alert("Second Division"); 9 | } 10 | else if (marks >=40 && marks <50){ 11 | alert("Third Division"); 12 | } 13 | else{ 14 | alert("Fail"); 15 | } 16 | -------------------------------------------------------------------------------- /Unit 10/Exe-11/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | Exercise-11 4 | 5 | 6 | 7 | 8 | 9 | 10 |
11 | 12 | 13 | -------------------------------------------------------------------------------- /Unit 10/Exe-11/script.js: -------------------------------------------------------------------------------- 1 | var array = [] 2 | var x=0; 3 | 4 | function add_items_to_array() { 5 | array[x] = document.getElementById("text1").value; 6 | alert("Element: " + array[x] + " Added at index " + x); 7 | x++; 8 | document.getElementById("text1").value = ""; 9 | } 10 | 11 | function display_array() { 12 | var e = "
"; 13 | 14 | for (var y = 0; y < array.length; y++) { 15 | e += "Element " + y + " = " + array[y] + "
"; 16 | } 17 | document.getElementById("Result").innerHTML = e; 18 | } 19 | -------------------------------------------------------------------------------- /Unit 11/Exe-4/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Exercise-4 5 | 6 | 7 | 8 | 9 |

10 | CHANGE BACKGROUND COLOR

11 | 14 |

15 | 16 | 17 | -------------------------------------------------------------------------------- /Unit 8/Exe-2/style.css: -------------------------------------------------------------------------------- 1 | body{ 2 | font-family: verdana, Arial, Helvetica, sans-serif; 3 | font-size: 12px; 4 | background-color: #CCFFFF; 5 | } 6 | 7 | h1{ 8 | font-size: 14px; 9 | font-variant: small-caps; 10 | color: #FF0000; 11 | background-color: #00FF00; 12 | } 13 | 14 | p::first-letter{ 15 | font-size: 200%; 16 | } 17 | 18 | .income { background-color: #CCCCCC; } 19 | .expenses { background-color: #FF0000; } 20 | .profit { background-color: #FFFF00; } 21 | 22 | #budgetsummary{ 23 | background-color: #FFFFFF; 24 | border: dotted; 25 | } -------------------------------------------------------------------------------- /Unit 5/exe 3/page 2.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | Exercise-3 Page 2 4 | 5 | 6 | 7 |

What is Web Design?

8 |

Web design refers to the design of websites that are displayed on the internet. It usually refers to the user experience aspects of website development rather than software development. Web design used to be focused on designing websites for desktop browsers; however, since the mid-2010s, design for mobile and tablet browsers has become ever-increasingly important.

9 | 10 | 11 | -------------------------------------------------------------------------------- /Unit 5/exe 3/page 1.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | Exercise-3 Page 1 4 | 5 | 6 |

What is Web Design?

7 |

Web design refers to the design of websites that are displayed on the internet. It usually refers to the user experience aspects of website development rather than software development. Web design used to be focused on designing websites for desktop browsers; however, since the mid-2010s, design for mobile and tablet browsers has become ever-increasingly important.

8 | 9 | -------------------------------------------------------------------------------- /Unit 5/exe2.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | Exercise-2 4 | 5 | 6 |

Heading 1: Example on Unordered List

7 | 12 |

Heading 2: Example on Ordered List

13 |
    14 |
  1. Sportstar
    2. 15 |
  2. Business Week
    3. 16 |
  3. Time
    4. 17 |
18 |

Heading 2: Example on Definition List

19 |
20 |
Sports Magazine
21 |
Sportstar
22 |
Business Magazine
23 |
Business Week
24 |
25 | 26 | -------------------------------------------------------------------------------- /Unit 10/Exe-4/script.js: -------------------------------------------------------------------------------- 1 | let num = prompt("Enter week(1-7):"); 2 | var day = parseInt(num); 3 | let dayName; 4 | 5 | switch (day) { 6 | case 1: 7 | dayName = 'Sunday'; 8 | break; 9 | case 2: 10 | dayName = 'Monday'; 11 | break; 12 | case 3: 13 | dayName = 'Tuesday'; 14 | break; 15 | case 4: 16 | dayName = 'Wednesday'; 17 | break; 18 | case 5: 19 | dayName = 'Thursday'; 20 | break; 21 | case 6: 22 | dayName = 'Friday'; 23 | break; 24 | case 7: 25 | dayName = 'Saturday'; 26 | break; 27 | default: 28 | dayName = 'Invalid day'; 29 | } 30 | 31 | alert(dayName); // Tuesday 32 | -------------------------------------------------------------------------------- /Unit 11/Exe-5/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Exercise-5 5 | 6 | 7 | 8 | 9 | 10 | 11 |

12 | 15 |

16 | 20 | 21 | 22 | -------------------------------------------------------------------------------- /Unit 11/Exe-5/script.js: -------------------------------------------------------------------------------- 1 | var x = document.getElementById("text"); 2 | 3 | function validate(x) { 4 | document.getElementById("nanornot").innerHTML = isNaN(x); //value typed inside text box is nan 5 | } 6 | 7 | var check = function () { 8 | if ( 9 | document.getElementById("password").value == 10 | document.getElementById("confirm_password").value 11 | ) { 12 | document.getElementById("message").style.color = "green"; 13 | document.getElementById("message").innerHTML = "matching"; 14 | } else { 15 | document.getElementById("message").style.color = "red"; 16 | document.getElementById("message").innerHTML = "not matching"; 17 | } 18 | }; 19 | -------------------------------------------------------------------------------- /Unit 6/Exe-2/home.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | Exercise-2 4 | 5 | 6 |
7 | 8 |

Go to About Top

9 | 10 |
11 |
12 | 13 |
14 | 15 |

Go to About Bottom

16 | 17 |
18 |
19 | 20 |

Google

21 | 22 |
23 | 24 | Google Logo 25 | 26 |
27 | 28 | 29 | -------------------------------------------------------------------------------- /Unit 8/Exe-3/style.css: -------------------------------------------------------------------------------- 1 | body{ 2 | font-family: Verdana, Arial, Helvetica, sans-serif; 3 | font-size: 12px; 4 | background-color: #CCFFFF; 5 | } 6 | 7 | h1{ 8 | font-size: 14px; 9 | font-variant: small-caps; 10 | color: #FF0000; 11 | position: absolute; 12 | top: 0px; 13 | left: 0px; 14 | } 15 | 16 | p::first-letter{ 17 | font-size: 200%; 18 | } 19 | 20 | .income { background-color: #CCCCCC; } 21 | .expenses { background-color: #FF0000; } 22 | .profit { background-color: #FFFF00; } 23 | 24 | #budgetsummary{ 25 | background-color: #FFFFFF; 26 | border: dotted; 27 | padding: 20px; 28 | width: 500px; 29 | position: absolute; 30 | bottom: 0px; 31 | } -------------------------------------------------------------------------------- /Unit 8/Exe-4/style.css: -------------------------------------------------------------------------------- 1 | body{ 2 | font-family: Verdana, Arial, Helvetica, sans-serif; 3 | font-size: 12px; 4 | background-color: #CCFFFF; 5 | } 6 | 7 | h1{ 8 | font-size: 14px; 9 | font-variant: small-caps; 10 | color: #FF0000; 11 | position: absolute; 12 | top: 0px; 13 | left: 0px; 14 | z-index: 2; 15 | } 16 | 17 | p::first-letter{ 18 | font-size: 200%; 19 | } 20 | 21 | .income { background-color: #CCCCCC; } 22 | .expenses { background-color: #FF0000; } 23 | .profit { background-color: #FFFF00; } 24 | 25 | #budgetsummary{ 26 | background-color: #FFFFFF; 27 | border: dotted; 28 | padding: 20px; 29 | width: 500px; 30 | position: absolute; 31 | bottom: 0px; 32 | top: 0px; 33 | z-index: 1; 34 | } -------------------------------------------------------------------------------- /Unit 9/Exe-1/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | Exercise 1 4 | 5 | 6 | 7 |
8 |
9 |
10 |
11 |
12 |
cell1
13 |
cell2
14 |
cell3
15 |
16 |
cell4
17 |
18 |
19 |
20 |
21 | 22 | 23 | -------------------------------------------------------------------------------- /Unit 8/Exe-1/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | ABC, Inc. Year End Budget Summary 4 | 5 | 6 | 7 |

What is Lorem Ipsum?

8 |

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

9 | 10 | -------------------------------------------------------------------------------- /Unit 7/exe1.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | Exercise-1 4 | 5 | 6 |

Search our web site!

7 |

8 |

Where do you want to search?

9 |
10 | 11 | 12 |
13 | 14 | 15 |
16 | 17 | 18 |
19 | 20 | 21 |
22 | 23 |
24 | 25 |

26 | 27 | 28 |
29 | 30 | -------------------------------------------------------------------------------- /Unit 6/Exe-1/exe1.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | Exercise-1 4 | 5 | 6 |

Image 1

7 | 8 |

Image 2

9 | 10 | 11 | 12 |

Image 3

13 | 14 |















15 |















16 |















17 |

18 |

Image 4

19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | -------------------------------------------------------------------------------- /Unit 10/Exe-7/script.js: -------------------------------------------------------------------------------- 1 | // get selected row 2 | // display selected row data in text input 3 | 4 | var table = document.getElementById("table"),rIndex; 5 | 6 | for(var i = 1; i < table.rows.length; i++){ 7 | table.rows[i].onclick = function(){ 8 | rIndex = this.rowIndex; 9 | console.log(rIndex); 10 | 11 | document.getElementById("fname").value = this.cells[1].innerHTML; 12 | document.getElementById("lname").value = this.cells[2].innerHTML; 13 | document.getElementById("country").value = this.cells[3].innerHTML; 14 | document.getElementById("mNumber").value = this.cells[4].innerHTML; 15 | }; 16 | } 17 | 18 | 19 | // edit the row 20 | function editRow(){ 21 | table.rows[rIndex].cells[1].innerHTML = document.getElementById("fname").value; 22 | table.rows[rIndex].cells[2].innerHTML = document.getElementById("lname").value; 23 | table.rows[rIndex].cells[3].innerHTML = document.getElementById("country").value; 24 | table.rows[rIndex].cells[4].innerHTML = document.getElementById("mNumber").value; 25 | } 26 | 27 | // Data Update Table Here 28 | function editTableDisplay(){ 29 | document.querySelector(".editTable").setAttribute('style', 'display: block;'); 30 | } -------------------------------------------------------------------------------- /Unit 5/exe1.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | Exercise-1 4 | 5 | 6 |

Beware of password hackers and crackers!

7 |
8 |

The threat of hackers and crackers is for real, and is alike for everything for everyone. If the security breach at the Babha Atomic Research Center last year by the hacker group milworm didn’t convince you of their capabilities, then consider this: James Davis aka jdavis_a, a resident of www.geocities.com/SiliconValley/Bit/2483 homestead community on the Internet, might just be reading your e-mail in your mailbox right now, or using your account for some benign Internet surfing, or exchanging it with someone else on the Net for more such accounts! 9 |
Surprised? Or scared? 10 |

11 | 12 | Formula:
13 | 14 |

15 | (a-b)2 = a2 - 2ab + b2 16 |
17 | C6H12O6 + 6O2 18 |

19 |

20 | Whatever it is,jdevis_4 claims in his home page Free VSNL passwords that he has hot exactly 108 working passwords (and growing daily), 36 satyam, 31 MNTL, 11 WimiNet and 23 online passwords. 21 |

22 | 23 | -------------------------------------------------------------------------------- /Unit 10/Exe-7/style.css: -------------------------------------------------------------------------------- 1 | *{ 2 | margin: 0; 3 | padding: 0; 4 | } 5 | 6 | /*Main Data Table */ 7 | .mainTable{ 8 | text-align: center; 9 | margin-top: 10px; 10 | } 11 | #table{ 12 | margin: 5px auto; 13 | } 14 | table tr:not(:first-child){ 15 | cursor: pointer; 16 | transition: all .25s ease-in-out; 17 | } 18 | table tr:not(:first-child):hover{ 19 | background-color: #ddd; 20 | } 21 | 22 | table{ 23 | width: 60%; 24 | border-collapse: collapse; 25 | text-align: center; 26 | } 27 | 28 | tr:nth-child(odd){ 29 | background-color: lightgray; 30 | } 31 | 32 | /*Data Update Button */ 33 | .updateBtn{ 34 | text-align: center; 35 | } 36 | .updateBtn button{ 37 | background-color: red; 38 | padding: 5px 10px; 39 | border: 1px solid black; 40 | color: white; 41 | margin: 10px 0; 42 | border-radius: 5px; 43 | } 44 | .updateBtn button:hover{ 45 | background: lightgray; 46 | color: black; 47 | transition: .5s; 48 | } 49 | 50 | /*Data Update Table*/ 51 | .editTable{ 52 | display: none; 53 | padding-top: 20px; 54 | width: 30%; 55 | margin: 0 auto; 56 | } 57 | .left{ 58 | float: left; 59 | } 60 | .right{ 61 | float: right; 62 | } 63 | .editRowBtn{ 64 | background-color: #0DC143; 65 | color: white; 66 | border: 1px solid black; 67 | padding: 5px 10px; 68 | border-radius: 5px; 69 | } 70 | .editRowBtn:hover{ 71 | background-color: lightgray; 72 | color: black; 73 | transition: .5s; 74 | } -------------------------------------------------------------------------------- /Unit 9/Exe-3/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 53 | 54 | 55 |
56 |
57 |

Header

58 |
59 | 60 |
Column
61 |
Column
62 | 63 |
64 |

Footer

65 |
66 |
67 | 68 | 69 | 70 | 71 | 72 | -------------------------------------------------------------------------------- /Unit 6/exe3.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | Exercise-3 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | 53 | 54 | 55 | 56 | 57 | 58 | 59 | 60 | 61 | 62 | 63 | 64 | 65 |
Bus Sewa Time Table and Fare List
Name of BusPlaceDestinationTimeFare
ArrivalDeparture
Western ExpressKathmanduNepalgunj07:3008:00Rs. 989.00
Manakamana Bus SewaKathmanduManakamana09:0010:15Rs. 450.00
Buddha ExpressKathmanduButwal11:3012:25Rs. 645.05
Baba Tourist ExpressKathmanduPokhara7:308:00Rs. 756.00
Purba ExpressKathmanduBiratnagar16:0017:30Rs. 345.00
66 | 67 | -------------------------------------------------------------------------------- /Unit 8/Exe-2/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | Exe-2 4 | 5 | 6 | 7 |

Task 2

8 |
9 |

This is the budget summary for ABC, Inc. In Year 2005, we had an income of 10 | $74,935. We had expenses of 11 | $41,167. This allowed us to have a profit of 12 | $33,768. 13 |

14 | 15 |

In 2000, we had an income of 16 | $50,123 and expenses of 17 | $30,796. This allowed us to have a profit of 18 | $19,327. 19 |

20 | 21 |

In 1995, we had an income of 22 | $35,182 and expenses of 23 | $29, 772, for a total profit of 24 | $5, 410 25 |

26 | 27 |

In 1990, we had an income of 28 | $20,031 and expenses of 29 | $19,271, for a total profit 30 | $760 31 |

32 | 33 |

As you can see, we are constantly growing. As we move further into the 21st century, at ABC, Inc. we think the future is bright!

34 |
35 | 36 | -------------------------------------------------------------------------------- /Unit 8/Exe-3/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | Exe-3 4 | 5 | 6 | 7 |

Task 3

8 |
9 |

This is the budget summary for ABC, Inc. In Year 2005, we had an income of 10 | $74,935. We had expenses of 11 | $41,167. This allowed us to have a profit of 12 | $33,768. 13 |

14 | 15 |

In 2000, we had an income of 16 | $50,123 and expenses of 17 | $30,796. This allowed us to have a profit of 18 | $19,327. 19 |

20 | 21 |

In 1995, we had an income of 22 | $35,182 and expenses of 23 | $29, 772, for a total profit of 24 | $5, 410 25 |

26 | 27 |

In 1990, we had an income of 28 | $20,031 and expenses of 29 | $19,271, for a total profit 30 | $760 31 |

32 | 33 |

As you can see, we are constantly growing. As we move further into the 21st century, at ABC, Inc. we think the future is bright!

34 |
35 | 36 | -------------------------------------------------------------------------------- /Unit 8/Exe-4/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | Exe-4 4 | 5 | 6 | 7 |

Task 4

8 |
9 |

This is the budget summary for ABC, Inc. In Year 2005, we had an income of 10 | $74,935. We had expenses of 11 | $41,167. This allowed us to have a profit of 12 | $33,768. 13 |

14 | 15 |

In 2000, we had an income of 16 | $50,123 and expenses of 17 | $30,796. This allowed us to have a profit of 18 | $19,327. 19 |

20 | 21 |

In 1995, we had an income of 22 | $35,182 and expenses of 23 | $29, 772, for a total profit of 24 | $5, 410 25 |

26 | 27 |

In 1990, we had an income of 28 | $20,031 and expenses of 29 | $19,271, for a total profit 30 | $760 31 |

32 | 33 |

As you can see, we are constantly growing. As we move further into the 21st century, at ABC, Inc. we think the future is bright!

34 |
35 | 36 | -------------------------------------------------------------------------------- /Unit 10/Exe-7/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Exercise-7 5 | 6 | 7 | 8 | 9 |
10 |

Data

11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 |
SnoFirst NameLast NameCountryMobile number
1AmanKhadkaNepal123456789
28 |
29 | 30 | 31 |
32 | 33 |
34 | 35 | 36 |
37 |
First Name:
38 |
39 |
40 |
Last Name:
41 |
42 |
43 |
Country:
44 |
45 |
46 |
Mobile number:
47 |
48 | 49 |
50 |
51 |
52 |
53 | 54 | 55 | 56 | 57 | 58 | -------------------------------------------------------------------------------- /Unit 7/exe2.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | Exercise-2 4 | 5 | 6 |

HTML Form Test

7 |
8 | 9 | 10 | 11 | 14 | 15 | 16 | 17 | 20 | 21 | 22 | 23 | 26 | 27 | 28 | 29 | 35 | 36 | 37 | 38 | 46 | 47 | 48 | 49 | 56 | 57 | 58 | 59 | 62 | 63 | 64 | 65 | 69 | 70 |
Name 12 | 13 |
Address 18 | 19 |
Email 24 | 25 |
Gender 30 | 31 | 32 | 33 | 34 |
Hobbies 39 | 40 | 41 | 42 | 43 | 44 | 45 |
Country 50 | 55 |
Message 60 | 61 |
66 | 67 | 68 |
71 |
72 | 73 | -------------------------------------------------------------------------------- /Unit 9/Exe-2/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | CSS Template 5 | 6 | 7 | 71 | 72 | 73 |
74 |

Stinky Pete's Pirate Tavern

75 |
76 | 77 |
78 | 86 | 87 |
88 |

Stinky Pete's Pirate Tavern

89 |
    90 |
  • Great grog
    • 91 |
  • All the run you can drink
    • 92 |
  • Good honest pirate fare like weevily biscuits and stewed rat
    • 93 |
  • Wenches and swabs for every taste
    • 94 |
  • Wenches and swabs for every taste
    • 95 |
  • ...
    • 96 |
97 |

Berth 23

Nottingham Docks

0115 9324567

98 |
99 |
100 | 101 |
102 |

Copyright 2022, Stinky Pete's Pirate Tavern

103 |
104 | 105 | 106 | 107 | 108 | -------------------------------------------------------------------------------- /Unit 6/Exe-2/about.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | Exercise-2 4 | 5 | 6 |
7 |

Cities

8 |
9 | 10 |
11 |
12 |

London

13 |

London is the capital city of England. It is the most populous city in the United Kingdom, with a metropolitan area of over 13 million inhabitants. London is the capital city of England. It is the most populous city in the United Kingdom, with a metropolitan area of over 13 million inhabitants. London is the capital city of England. It is the most populous city in the United Kingdom, with a metropolitan area of over 13 million inhabitants. London is the capital city of England. It is the most populous city in the United Kingdom, with a metropolitan area of over 13 million inhabitants.

14 |

Standing on the River Thames, London has been a major settlement for two millennia, its history going back to its founding by the Romans, who named it Londinium. Standing on the River Thames, London has been a major settlement for two millennia, its history going back to its founding by the Romans, who named it Londinium. Standing on the River Thames, London has been a major settlement for two millennia, its history going back to its founding by the Romans, who named it Londinium. Standing on the River Thames, London has been a major settlement for two millennia, its history going back to its founding by the Romans, who named it Londinium.

15 |

London is the capital city of England. It is the most populous city in the United Kingdom, with a metropolitan area of over 13 million inhabitants. London is the capital city of England. It is the most populous city in the United Kingdom, with a metropolitan area of over 13 million inhabitants. London is the capital city of England. It is the most populous city in the United Kingdom, with a metropolitan area of over 13 million inhabitants. London is the capital city of England. It is the most populous city in the United Kingdom, with a metropolitan area of over 13 million inhabitants.

16 |

Standing on the River Thames, London has been a major settlement for two millennia, its history going back to its founding by the Romans, who named it Londinium. Standing on the River Thames, London has been a major settlement for two millennia, its history going back to its founding by the Romans, who named it Londinium. Standing on the River Thames, London has been a major settlement for two millennia, its history going back to its founding by the Romans, who named it Londinium. Standing on the River Thames, London has been a major settlement for two millennia, its history going back to its founding by the Romans, who named it Londinium.

17 |
18 |
19 | 20 | 23 | 24 | 25 | --------------------------------------------------------------------------------