code rinkal
Never
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h1>Typoing master spoof project</h1>
<textarea type="text" id="cont" placeholder="write something here" rows="5" cols="150" onkeyup="mycontent(this.value)" ></textarea>
<h5>
here you will get your content
</h5>
<div class="container">
<textarea rows="5" cols="150" id="cont2"></textarea>
<p id="len"> the length of content you entered:<span id="val22"> </span></p>
<div> the text in UpperCase is :<span id="upp"></span></div>
<div> the text in LowerCase is :<span id="low"></span></div>
<div>the text without spaces :<span id="spc"></span></div>
<button type="submit" onclick="WordCount()">Number of words</button>
<div>Number of words in content :<span id="word"></span></div>
<div>the text when "is" change to "am" spaces :<span id="chang"></span></div>
</div>
<script>
function mycontent(val){
document.getElementById('cont2').value=val;
document.getElementById("val22").innerHTML=document.getElementById("cont2").value.length;
document.getElementById("upp").innerHTML=document.getElementById('cont2').value.toUpperCase();
document.getElementById("low").innerHTML=document.getElementById('cont2').value.toLowerCase();
document.getElementById("spc").innerHTML=document.getElementById('cont2').value.split(" ").join('');
document.getElementById("chang").innerHTML=document.getElementById('cont2').value.replace("is",'am');
document.getElementById("chang").innerHTML=document.getElementById('cont2').value.replace("IS",'AM');
}
function WordCount() {
document.getElementById("word").innerHTML=document.getElementById('cont2').value.split(" ").length;
}
</script>
</body>
</html>