-->

Thursday, June 12, 2025

JavaScript Program to Use getElementById() – DOM based program in JS to convert string into uppercase

 


JS DOM programs collection


JS program to convert entered string into uppercase by user using getElementById()

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<meta name="viewport" content="width=device-width, initial-scale=1">

<title>js program to convert into uppercase</title>

</head>

<body>

<form>

enter your text:<input type="text" id="mytext" placeholder="enter a text">

</form>

<button onclick="convertintouppercase();">change into uppercase</button>

<p id="result"></p>

<script>

function convertintouppercase()

{

var txt;

txt=document.getElementById('mytext').value;

document.getElementById('result').innerText=txt.toUpperCase();

}

</script>

</body>

</html>


Output:-

JS code to convert string into uppercase



JavaScript Program to Use getElementById() – DOM based program to find sum of two numbers

 

JS DOM programs collection

JS program to find sum of two numbers entered by user using getElementById() (DOM)


<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<meta name="viewport" content="width=device-width, initial-scale=1">

<title>js program to find sum of two numbers using text boxes</title>

</head>

<body>

<form>

enter first number:<input type="text" id="n1" placeholder="enter first number"><br>

enter second number:<input type="text" id="n2" placeholder="enter second number"><br>

</form>

<button onclick="sumnumbers();">click to find the sum</button>

<p>sum is:<span id="resultsum"></span></p>

<p>difference is:<span id="resultdiff"></span></p>

<script>

function sumnumbers()

{

var number1,number2,sum;

number1=parseFloat(document.getElementById('n1').value);

number2=parseFloat(document.getElementById('n2').value);

sum=number1+number2;

document.getElementById('resultsum').innerText=sum;

document.getElementById('resultdiff').innerText=number1-number2;

}

</script>

</body>

</html>


Output:

JS program to find sum of two numbers entered by user