Scribd
Upload
2 views

Java Site

Java sample project

Uploaded by

km2zgxtfsc
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
2 views

Java Site

Java sample project

Uploaded by

km2zgxtfsc
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 3

1.

Write a program to create a web site of 3 pages for School with appropriate
data and use CSS.

<!DOCTYPE html>
<html>
<head>
<3tle>School Website</3tle>
<link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body>
<header>
<h1>Welcome to ABC School</h1>
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About Us</a></li>
<li><a href="contact.html">Contact Us</a></li>
</ul>
</nav>
</header>
<main>
<sec3on>
<h2>Our Vision</h2>
<p>We strive to impart quality educa3on...</p>
</sec3on>
</main>
<footer>
<p>© 2024 ABC School</p>
</footer>
</body>
</html>

CSS (styles.css):
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
background-color: #f4f4f4;
}

header {
background-color: #333;
color: white;
padding: 10px 0;
}

header h1 {
text-align: center;
}

nav ul {
list-style-type: none;
text-align: center;
}

nav ul li {
display: inline;
margin-right: 20px;
}

nav ul li a {
color: white;
text-decora3on: none;
}

footer {
text-align: center;
padding: 10px;
background-color: #333;
color: white;
}

2. Write a JavaScript program to calculate multiplication and division of two


numbers (input from user)

<!DOCTYPE html>
<html>
<head>
<3tle>Mul3plica3on and Division</3tle>
</head>
<body>
<h1>Mul3ply or Divide Two Numbers</h1>
<form>
1st Number: <input type="text" id="num1"><br><br>
2nd Number: <input type="text" id="num2"><br><br>
<buaon type="buaon" onclick="mul3ply()">Mul3ply</buaon>
<buaon type="buaon" onclick="divide()">Divide</buaon>
</form>
<p>The Result is: <span id="result"></span></p>

<script>
func3on mul3ply() {
var num1 = document.getElementById('num1').value;
var num2 = document.getElementById('num2').value;
var result = num1 * num2;
document.getElementById('result').innerHTML = result;
}

func3on divide() {
var num1 = document.getElementById('num1').value;
var num2 = document.getElementById('num2').value;
if (num2 != 0) {
var result = num1 / num2;
document.getElementById('result').innerHTML = result;
} else {
document.getElementById('result').innerHTML = 'Cannot divide by zero';
}
}
</script>
</body>
</html>

3. Write a JavaScript program to check whether a given positive number is a


multiple of 3 or a multiple of 7.
<!DOCTYPE html>
<html>
<head>
<3tle>Mul3ple of 3 or 7</3tle>
</head>
<body>
<h1>Check if a Number is a Mul3ple of 3 or 7</h1>
<form>
Enter a Number: <input type="text" id="num"><br><br>
<buaon type="buaon" onclick="checkMul3ple()">Check</buaon>
</form>
<p>Result: <span id="result"></span></p>

<script>
func3on checkMul3ple() {
var num = document.getElementById('num').value;
if (num % 3 == 0 || num % 7 == 0) {
document.getElementById('result').innerHTML = num + ' is a mul3ple of 3 or 7';
} else {
document.getElementById('result').innerHTML = num + ' is not a mul3ple of 3 or 7';
}
}
</script>
</body>
</html>

You might also like