-->

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



No comments:

Post a Comment