code rinkal 2

                Never    
Text
       
<!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>
    <!-- onkeyup="mycontent(this.value)" -->
    <h1>Typoing master spoof project</h1>
    <textarea type="text" id="cont" placeholder="write something here"  rows="5" cols="150"  ></textarea>
   <h5>
  Here you will get your content
   </h5>
   <div class="container">
    <textarea rows="5" cols="150" id="cont2"></textarea></div>
    <div>
        <button type="submit" onclick="mycontent()">Content</button> 
        <button type="submit" onclick="WordCount()">Word count</button> 
        <button type="submit" onclick="lengthcontent()">length of content</button> 
        <button type="submit" onclick="upper()">TO UPPERCASE</button> 
        <button type="submit" onclick="lower()">to lowercase</button> 
        <button type="submit" onclick="withoutspace()">text without spaces</button> 

        <button type="submit" onclick="istoam()">is to am</button> 
        <button id="btn" onclick="four()">4 length words</button> 
        <button id="btn" onclick="arr()">text to array</button> 

    <!-- <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(){
        document.getElementById('cont2').value=document.getElementById('cont').value;
       // 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("cont2").value=document.getElementById('cont').value.split(" ").length;
   }
function lengthcontent(){
    document.getElementById("cont2").value=document.getElementById("cont").value.length;
}
function upper(){
    document.getElementById("cont2").value=document.getElementById('cont').value.toUpperCase();
}
function lower(){
    document.getElementById("cont2").value=document.getElementById('cont').value.toLowerCase();
}
function withoutspace(){
    document.getElementById("cont2").value=document.getElementById('cont').value.split(" ").join('');
}

function istoam(){
    document.getElementById("cont2").value=document.getElementById('cont').value.replace("is",'am');
}

function four(){

        let data=document.getElementById('cont').value.split(" ")
        console.log(data)
        let fourword=data.filter((word)=>word.length==4);
        console.log(fourword.length);
        document.getElementById('cont2').value=` length: ${fourword.length} , words: ${fourword.join(",")}`;
 }
 function arr(){
    let data=document.getElementById('cont').value.split(" ");
    document.getElementById('cont2').value="["+data+"]";
 }

    
        
   </script>
</body>
</html>

Raw Text