Scribd
Upload
15 views2 pages

CS202 - Solution2 - 100% Accurate

The document provides guidelines and code for an assignment to create a student profile page with a table displaying profile info such as student ID, name, study program, and more. Clicking a button prints the profile as text below.

Uploaded by

mahnoornaseem805
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
15 views2 pages

CS202 - Solution2 - 100% Accurate

The document provides guidelines and code for an assignment to create a student profile page with a table displaying profile info such as student ID, name, study program, and more. Clicking a button prints the profile as text below.

Uploaded by

mahnoornaseem805
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 2

Assignment No.

02
Semester: Fall 2023
CS202: Fundamentals of Front-End Development

100% correct code

Make sure you can write you name ID degree credit hrs must to change the this according the
Assignment

Guidelines:

 Code should be properly indented.


 You can use the following tools/software:
o Sublime, Adobe Dreamweaver, Notepad
 You will not use any other software to make .html file

<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>CS202 Assignment 2 Fall 2023</title>
</head>

<body bgcolor="cyan">

<h1 align="center">Assignment #2</h1>


<h2 >Student Profile</h2>

<table border="1" bgcolor="green" width="50%" >


<tr>
<th colspan="4" style="text-align: center;">Profile Info</th>
</tr>
<tr>
<td>StudentID:</td>
<td>write you id here</td>
<td>StudyProgram:</td>
<td>4 Year BS (Computer Science)</td>
</tr>
<tr>
<td>Name:</td>
<td>Your name here</td>
<td>Current Semester:</td>
<td>Fall 2023</td>
</tr>
<tr>
<td>CGPA:</td>
<td>Your cgpa</td>
<td>Credit Hrs (earned):</td>
<td>your credit hour</td>
</tr>
</table>

<p id="message1">Please click on View button to Print Student Profile as Text</p>


<br>
<button onclick="ShowInfo()">Print Text</button>
<br>
<p id="message2" >Student Profile as Text Will be Shown Here.</p>

<script>
function ShowInfo() {
let body = document.body;
body.setAttribute("bgcolor", "green");
document.getElementById("message1").style.display = "none";
document.getElementById("message2").innerHTML = "StudentID: Your ID &nbsp;
&nbsp;";
document.getElementById("message2").innerHTML += "Study Program: 4 Year BC
(Computer Science) <br><br> ";
document.getElementById("message2").innerHTML += "Name: you name here
&nbsp;&nbsp;";
document.getElementById("message2").innerHTML += "Current Semester: Fall 2023";
document.getElementById("message2").innerHTML += "<br><br>CGPA: your CGPA
&nbsp;&nbsp;";
document.getElementById("message2").innerHTML += "Current Credit Hrs (earned):
your credit hour";
}
</script>
</body>

</html>

You might also like

pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy