<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" name="viewport" content="width=device-width, initial-scale=1"/> <link rel="stylesheet" type="text/css" href="css/bootstrap.css" /> </head> <body> <nav class="navbar navbar-default"> <div class="container-fluid"> </div> </nav> <div class="col-md-6 well"> <hr style="border-top:1px dotted #ccc;"/> <div class="col-md-3"> </div> <div class="col-md-9"> <form> <div class="form-group"> <div id="string"/> There was a forest with many birds and animals. Once, a bull wandering in the forest came upon a cave. Near the cave was a big pond and lush green grass. “This is an ideal place for me to settle down," the bull thought. So, he made the cave his home. Many days passed. The bull became quite healthy, grazing in the meadows. The bull was happy and peaceful living in that cave. He had made many friends in that forest. </div> </div> </form> </div> </div> </body> </html>
function UpperCase(){ var string=document.getElementById('string').innerText; string= string.toUpperCase(); document.getElementById('string').innerHTML=string; } function LowerCase(){ var string=document.getElementById('string').innerText; string= string.toLowerCase(); document.getElementById('string').innerHTML=string; }