Computer Study Programming And getsprogramming Code: #javascript #programming #code #computer #coding

Showing posts with label #javascript #programming #code #computer #coding. Show all posts

Wednesday, 18 September 2024

WRITE A JAVASCRIPT TO PRINT SUM OF GIVEN ODD OR EVEN NUMBERS

CODE:-

<html>

<head>

body{

background-color:yellow;

}

.tab{

text-transform:capitalize;

background-color:lightgrey;

}

.v2{

text-align:center;

}

.v1{

background-color:purple;

color:white;

text-transform:uppercase;

}

</style>

function check()

{

var no=parseInt(document.f1.no.value);

var even=0,odd=0,sodd=0,seven=0;

for(var i=1;i<=no;i++)

{

if(i%2==0)

{

even++;

seven=seven+i;

}

else

{

odd++;

sodd=sodd+i;

}

document.f1.even.value=even;

document.f1.seven.value=seven;

document.f1.odd.value=odd;

document.f1.sodd.value=sodd;

return false;

}

</script>

</head>

<body>

<th colspan="2"><h5>sum of even or odd number</h5></th>

</tr>

<tr>

<th>enter number:-</th>

</tr>

</td>

</tr>

<tr>

<th>even numbers:-</th>

</tr>

<tr>

<th>odd numbers:-</th>

</tr>

<tr>

<th>sum of even numbers:-</th>

</tr>

<tr>

<th>sum of odd numbers:-</th>

</tr>

</table>

</form>

</center>

</body>

</html>

WRITE A JAVASCRIPT TO PRINT FACTORIAL OF GIVEN NUMBER

CODE:-

<html>

<head>

<title>Factorial</title>

body{

background-color:lightgreen;

}

.tab{

background-color:yellow;

color:;

text-transform:capitalize;

}

.v1{

text-align:center;

background-color:lightblue;

}

.v2{

text-align:center;

background-color:blue;

color:white;

}

</style>

function check()

{

var a=document.f1.no.value;

var i,fact=1;

for(i=1;i<=a;i++)

{

fact=fact*i;

}

document.f1.ans.value=fact;

return false;

}

</script>

</head>

<body>

<th colspan="2">factorial of given number</th>

</tr>

<tr>

<th>enter number:</th>

</tr>

</td>

</tr>

<tr>

<th>factorial is:</th>

</tr>

</table>

</form>

</center>

</body>

</html>

WRITE A JAVASCRIPT TO PRINT GIVEN NUMBER IS PALINDROME OR NOT

CODE:-

<html>

<head>

<title>Palindrome</title>

body{

background-color:lightgreen;

}

.v1{

text-align:center;

}

.tab{

background-color:lightblue;

text-transform:capitalize;

}

.v2{

text-align:center;

text-transform:capitalize;

background-color:lightgrey;

color:red;

}

</style>

function check()

{

var no,i,temp,rem,rev=0;

no=parseInt(document.f1.no.value);

temp=no;

while(no>0)

{

rem=no%10;

no=parseInt(no/10);

rev=(rev*10)+rem;

}

if(rev==temp)

{

var an=["Yes"];

document.f1.ans.value=an;

}

else

{

var a=["No"];

document.f1.ans.value=a;

}

return false;

}

</script>

</head>

<body>

<th colspan="2">to check palindrome of given number</th>

</tr>

<tr>

<th>enter number:-</th>

</tr>

</td>

</tr>

<tr>

<th>given number:-</th>

</tr>

</table>

</form>

</center>

</body>

</html>

WRITE A JAVASCRIPT TO READ TIME AND PEFORM HOUR MINUTE SECOND

Write a JavaScript program to read a time from user and perform the following, if entered value is time then perform the following

1.Display the hour from the time

2.Display the minute from the time

3.Display the second from the time

4.Change the hour to next hour

5.Change the minute to next minute

6.change the second to next second

<html>

<head>

<title>Time Processor</title>

function processTime()

{

var timeInput = document.getElementById("timeInput").value;

var timeParts = timeInput.split(":");

if (timeParts.length !== 3)

{

alert("Invalid time format.Please enter time in HH:MM:SS format.");

return;

}

var hour = parseInt(timeParts[0]);

var minute = parseInt(timeParts[1]);

var second = parseInt(timeParts[2]);

document.getElementById("hr").value = hour;

document.getElementById("min").value = minute;

document.getElementById("sec").value = second;

var nexthr=(hour + 1)%24; document.getElementById("nexthr").value=nexthr;

var nextmin=(minute + 1)%60;

document.getElementById("nextmin").value=nextmin;

var nextsec=(second + 1)%60;

document.getElementById("nextsec").value=nextsec;

}

</script>

</head>

<body>

<h1>Time Processor</h1>

<h3> Enter Time (HH:MM:SS): <input type="text" id="timeInput" value="00:00:00">

<button onclick="processTime()">Process Time</button> </h3>

<tr>

</tr>

<tr>

<td> Minute </td>

</tr>

<tr>

<td> Second: </td>

</tr>

<tr>

</tr>

<tr>

<td> Next Minute:</td>

</tr>

<td> Next Second:</td>

</tr>

</table>

</body>

</html>

WRITE A JAVASCRIPT TO READ DATE AND PEFORM DAY NO YEAR MONTH

Write a JavaScript program to read a date from user and perform the following, if entered value is date then perform the following

1.Display the day no from the date

2.Display the year from the date

3.Display the month from the date

4.Change the date to next day

5.Change the year to next year

6.change the month to next month

<html>

<head>

td{text-align:center;

}

</style>

function processDate()

{

var dateInput = document.getElementById("dateInput").value;

var date = new Date(dateInput);

document.getElementById("day").value = date.getDate();

document.getElementById("year").value = date.getFullYear();

var monthNames = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];

document.getElementById("month").value = monthNames[date.getMonth()];

var nextDay = new Date(date);

nextDay.setDate(nextDay.getDate() + 1);

document.getElementById("nextDay").value = nextDay.toLocaleDateString();

var nextYear = new Date(date);

nextYear.setFullYear(nextYear.getFullYear() + 1);

nextYear.setDate(date.getDate());

document.getElementById("nextYear").value = nextYear.toLocaleDateString();

var nextMonth = new Date(date);

nextMonth.setMonth(nextMonth.getMonth() + 1);

nextMonth.setDate(date.getDate());

document.getElementById("nextMonth").value = nextMonth.toLocaleDateString();

}

</script>

</head>

<body>

<button onclick="processDate()"> Process Date </button> </h3>

<tr>

</tr>

<tr>

</tr>

<tr>

<td> Month: </td>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

<td> Next Month: </td>

</tr>

</table>

</body>

</html>

Tuesday, 17 September 2024

WRITE A JAVASCRIPT TO PERFORM AIRTHMETIC OPERATION ON BUTTON CLICK EVENT

<html>

<head><title>Example-8</title>

function add() {

var num1=document.getElementById("txt_num1").value;

var num2=document.getElementById("txt_num2").value;

var n1=parseInt(num1);

var n2=parseInt(num2);

var ans=n1+n2;

document.getElementById("txt_res").value=ans;

}

function sub() {

var num1=document.getElementById("txt_num1").value;

var num2=document.getElementById("txt_num2").value;

var n1=parseInt(num1);

var n2=parseInt(num2);

var ans=n1-n2;

document.getElementById("txt_res").value=ans;

}

function mul() {

var num1=document.getElementById("txt_num1").value;

var num2=document.getElementById("txt_num2").value;

var n1=parseInt(num1);

var n2=parseInt(num2);

var ans=n1*n2;

document.getElementById("txt_res").value=ans;

}

function div() {

var num1=document.getElementById("txt_num1").value;

var num2=document.getElementById("txt_num2").value;

var n1=parseInt(num1);

var n2=parseInt(num2);

var ans=n2/n1;

document.getElementById("txt_res").value=ans;

}

</script>

</head>

<body>

<tr>

<th>Number1:</th>

</tr>

<tr>

<th>Number2:</th>

</tr>

<tr>

<td colspan="2" align="center"><input type="button" value="ADD"

onclick="add()"/>

</tr>

<tr>

<th>RESULT:</th>

</tr>

</table>

</form>

</body>

</html>

WRITE A JAVASCRIPT TO INPUT FORM DATA AND PRINT THEM

CODE

<html>

<head><title>Example-12</title>

function showData() {

var rno=parseInt(document.getElementById("txt_rno").value);

var name=document.getElementById("txt_name").value;

var male=document.getElementById("male").checked;

if(male == true)

var male1="Male";

else

male1="Female";

//alert(male1);

var read1=document.getElementById("read").checked;

var write1=document.getElementById("write").checked;

var speak1=document.getElementById("speak").checked;

//alert(read1);

if(read1 == true && write1 == true && speak1 == true) {

var a="Read, Write, Speak";