Scribd
Upload
23 views2 pages

JavaScript-Project Guide

This document provides instructions for a JavaScript project involving modifying a form's CSS and adding JavaScript functionality like displaying the date, printing the page, and showing hidden text. The instructions include changing the background color, adding a welcome paragraph with a border, adding buttons to display the date and print the screen, and using scripts to show hidden text.

Uploaded by

Raviar Ismail
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
23 views2 pages

JavaScript-Project Guide

This document provides instructions for a JavaScript project involving modifying a form's CSS and adding JavaScript functionality like displaying the date, printing the page, and showing hidden text. The instructions include changing the background color, adding a welcome paragraph with a border, adding buttons to display the date and print the screen, and using scripts to show hidden text.

Uploaded by

Raviar Ismail
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

JavaScript Project:

This Project is about Data Entry, You will need to change few things in the CSS form and to follow the
listed Java Script format.

1) Change the background color in the Body of the page to any light color.
2) Add a paragraph to the page as to welcome the student to submit the form, use a Border
around the paragraph 3PX.
3) Add a button to show the current Date and Time.
4) Add a button to print the Screen or result.
5) Use a script to show the hidden Text ( use the information below)
6) Use a big size header with border in the Center of the Form ( BISK registration)
7) Contact US (use any email/fake address)

A) Welcome message: Dear Students:

Welcome all of you to the new academic year! We are thrilled to be partnering with you as you participate in an

exciting educational journey of discovery. Whether you are a returning, first-year, or transfer student, you will find

unlimited opportunities to enjoy campus life by learning, exploring, and engaging together.

B) Hidden Text : Student Information System is one of the key systems for facilitating


the management and development of Higher Education Institutions. Its use for
academic decision-making purposes as well as other academic tasks is crucial.

Useful Tags as examples:

1) <body style="background-color:powderblue;">
2) <h1 style="background-color:powderblue;">This is a heading</h1
3) <p style="background-color:tomato;">This is a paragraph.</p>
4) <p style="color:red;">I am red</p>
5) <p style="font-size:50px;">I am big</p>
6) <h1 style="background-color:powderblue;">This is a heading</h1>
7) <h1 style="text-align:center;">Centered Heading</h1>
8) <a href="mailto:[email protected]">Email Us</a>
<!DOCTYPE html>
<html>
<body>
// Date & Time
<h2>My First JavaScript</h2>
<button type="button"
onclick="document.getElementById('demo').innerHTML = Date()">
Click me to display Date and Time.</button>
<p id="demo"></p>
</body>
</html>

<!DOCTYPE html>
// Window print
<html>
<body>
<button onclick="window.print()">Print this page</button>
</body>
</html>

// show hidden text

<!DOCTYPE html>
<html>
<body>

<h2>What Can JavaScript Do?</h2>

<p>JavaScript can show hidden HTML elements.</p>

<p id="demo" style="display:none">Hello JavaScript!</p>

<button type="button"
onclick="document.getElementById('demo').style.display='block'">Click Me!</button>

</body>
</html>

You might also like