Scribd
Upload
6 views

Javascript Project File

The document contains 10 JavaScript programs that demonstrate various date and time functions, string manipulation, mathematical calculations, and user input/output. The programs each contain the full code to display the output of short JavaScript tasks.

Uploaded by

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

Javascript Project File

The document contains 10 JavaScript programs that demonstrate various date and time functions, string manipulation, mathematical calculations, and user input/output. The programs each contain the full code to display the output of short JavaScript tasks.

Uploaded by

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

1.

Write a JavaScript program to display the current day and


time .

<!DOCTYPE html>
<html lang="en">
<head>
<title>Display Current Day and Time</title>
</head>
<body>

<h1>Display Current Day and Time</h1>


<div id="output"></div>

<script>
function displayCurrentDayAndTime() {
let now = new Date();
let days = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday",
"Saturday"];
let day = days[now.getDay()];
let time = now.toLocaleTimeString();
document.getElementById('output').innerText = `Today is: ${day}\nCurrent time is:
${time}`;
}
</script>

</body>
</html>

OUTPUT :
2. Write a JavaScript program to print the contents of the
current window.

<!DOCTYPE html>
<html lang="en">
<head>
<title>Print Current Window</title>
</head>
<body>

<h1>Print Current Window</h1>


<button onclick="printCurrentWindow()">Print</button>

<script>
function printCurrentWindow() {
window.print();
}
</script>

</body>
</html>

OUTPUT :
3. Write a JavaScript program to get the current date.

<!DOCTYPE html>
<html lang="en">
<head>
<title>Get Current Date</title>
</head>
<body>

<h1>Get Current Date</h1>


<div id="output"></div>

<script>
function getCurrentDate() {
let now = new Date();
let date = now.toLocaleDateString();
document.getElementById('output').innerText = `Current date is: ${date}`;
}
getCurrentDate()
</script>

</body>
</html>

OUTPUT :
4. Write a JavaScript program to find the area of a triangle where
lengths of the three of its sides are 5, 6, 7.

<!DOCTYPE html>
<html lang="en">
<head>
<title>Triangle Area</title>
</head>
<body>

<h1>Find Triangle Area</h1>


<div id="output"></div>

<script>
function displayTriangleArea() {
let a = 5, b = 6, c = 7;
let s = (a + b + c) / 2;
let area = Math.sqrt(s * (s - a) * (s - b) * (s - c));
document.getElementById('output').innerText = `Area of the triangle: ${area}`;
}
displayTriangleArea()
</script>

</body>
</html>

OUTPUT :
5.Write a JavaScript program to rotate the string 'resource' in
right direction by periodically removing one letter from the end of
the string and attaching it to the front.

<!DOCTYPE html>
<html lang="en">
<head>
<title>Rotate String</title>
</head>
<body>
<h1>Rotate String 'resource'</h1>
<div id="output"></div>

<script>
function rotateString(str) {
let arr = str.split('');
setInterval(function() {
let lastChar = arr.pop();
arr.unshift(lastChar);
document.getElementById('output').innerText = arr.join('');
}, 1000);
}
rotateString('resource')
</script>

</body>
</html>

OUTPUT :
6. Write a JavaScript program to determine whether a given year
is a leap year in the Gregorian calendar.

<!DOCTYPE html>
<html lang="en">
<head>
<title>Check Leap Year</title>
</head>
<body>

<h1>Check Leap Year</h1>


<div id="output"></div>

<script>
function checkLeapYear() {
let year = parseInt(prompt("Enter a year to check if it's a leap year:"));
let isLeap = ((year % 4 === 0 && year % 100 !== 0) || (year % 400 === 0));
document.getElementById('output').innerText = `${year} is a leap year: ${isLeap}`;
}
checkLeapYear();
</script>

</body>
</html>

OUTPUT :
7. Write a JavaScript program to find 1st January is being a
Sunday between 2014 and 2050.

<!DOCTYPE html>
<html lang="en">
<head>
<title>Find Sundays on 1st January</title>
</head>
<body>

<h1>Find Sundays on 1st January (2014-2050)</h1>


<div id="output"></div>

<script>
function findSundayYears() {
let output = '';
for (let year = 2014; year <= 2050; year++) {
let date = new Date(year, 0, 1); // January 1st of the year
if (date.getDay() === 0) {
output += `1st January is a Sunday in the year: ${year}\n`;
}
}
document.getElementById('output').innerText = output;
}
findSundayYears();
</script>

</body>
</html>

OUTPUT :
8. Write a JavaScript program where the program takes a
random integer between 1 to 10, the user is then prompted to
input a guess number. If the user input matches with guess
number, the program will display a message "Good Work"
otherwise display a message "Not matched".

<!DOCTYPE html>
<html lang="en">
<head>
<title>Guessing Game</title>
</head>
<body>

<h1>Guessing Game</h1>
<button onclick="guessingGame()">Play Game</button>

<script>
function guessingGame() {
let randomNumber = Math.floor(Math.random() * 10) + 1;
let userGuess = prompt("Guess a number between 1 and 10:");

if (parseInt(userGuess) === randomNumber) {


alert("Good Work");
} else {
alert("Not matched. The number was " + randomNumber);
}
}
</script>

</body>
</html>
OUTPUT :
9. Write a JavaScript program to calculate days left until next
Christmas.

<!DOCTYPE html>
<html lang="en">
<head>
<title>Days Until Christmas</title>
</head>
<body>

<h1>Days Until Christmas</h1>


<div id="output"></div>

<script>
function daysUntilChristmas() {
let now = new Date();
let year = now.getFullYear();
let christmas = new Date(year, 11, 25);

if (now.getTime() > christmas.getTime()) {


christmas.setFullYear(year + 1);
}

let oneDay = 24 * 60 * 60 * 1000;


let daysLeft = Math.round((christmas.getTime() - now.getTime()) / oneDay);

document.getElementById('output').innerText = `Days until next Christmas: ${daysLeft}`;


}
daysUntilChristmas();
</script>

</body>
</html>
OUTPUT :
10. Write a JavaScript program to calculate multiplication and
division of two numbers (input from user).

<!DOCTYPE html>
<html lang="en">
<head>
<title>Multiplication and Division</title>
</head>
<body>

<h1>Multiplication and Division</h1>


<button onclick="calculateMultiplicationAndDivision()">Calculate</button>
<div id="output"></div>

<script>
function calculateMultiplicationAndDivision() {
let num1 = parseFloat(prompt("Enter the first number:"));
let num2 = parseFloat(prompt("Enter the second number:"));

let multiplication = num1 * num2;


let division = num1 / num2;

document.getElementById('output').innerText = `Multiplication result:


${multiplication}\nDivision result: ${division}`;
}
</script>

</body>
</html>
OUTPUT :

You might also like