JavaScript Program to Change Case of Text

Write a JavaScript program to change case of text either uppercase or lowercase.



Source Code
<html>
<head>
    <title>Text Case change </title>
    <script>
    function toUpper()
    {
        var text = document.getElementById('panel').innerHTML
        document.getElementById('panel').innerHTML = text.toUpperCase()
    }
    function toLower()
    {
        var text = document.getElementById('panel').innerHTML
        document.getElementById('panel').innerHTML = text.toLowerCase()
    }
</script>
</head>
<body>
<p id="panel">Click on button to change case.</p>
<input type="button" value="UPPERCASE" onclick="toUpper()"/>
<input type="button" value="lowercase" onclick="toLower()"/>
</body>
</html>
Output





"Coding Hub - Learn to code" app now available on Google Play Store