title: <p contenteditable="true"> equates to string.length 4 when cleared
body: <p>I don't want the user to be able to send a blank text message. When the user clears the p tag and clicks send..it returns as string.length to 4, when it should be 0. I also want the user to send a message and alert it to the window and record it in the textarea.</p>
  
  <p>The code : <a href="https://codepen.io/CandidSpace/pen/vbLbjY" rel="nofollow noreferrer">https://codepen.io/CandidSpace/pen/vbLbjY</a></p>
  
  <pre><code>    &lt;p id="sendMe"  onclick="myFunky()" contenteditable="true"&gt;
        Highlight all of the text you see here, including this and delete 
        it, and this, then enter a message..click send!
      &lt;/p&gt;&lt;br&gt;
  
      &lt;button class="button" onclick="myFun()"&gt;Send&lt;/button&gt;&lt;br&gt;
  
      &lt;textarea onclick="myFunk()" id="message" rows="4" cols="50" readonly&gt;           
     &lt;/textarea&gt;
  
      &lt;script&gt;
  
        function myFunk() {
  
          document.getElementById("message").innerHTML = "Please delete the 
          above    line 'Highlight all of the text you see here, including 
          this and delete it, and this, then enter a message..click send!'. 
          Thank you!"
        }
  
        function myFunky() {
  
          document.getElementById("sendMe").style.color = "black";
          document.getElementById("message").innerHTML= "That's It!";
        }
  
        function myFun() {
          document.getElementById("sendMe").style.color = "blue";
          document.getElementById("message").style.color = "red";
  
          var str = document.getElementById("sendMe").innerHTML;
          var x = str.valueOf();
          var y = str.length;
          var n = str.includes("Highlight all of the text you see here, including  this and delete it, and this, then enter a message..click send!");
  
  
          if (n == true) {
  
            document.getElementById("message").innerHTML ="Delete the above line &amp;    write a text!";
          } else if (x == 0) {
            alert ("That was Blank!");
            document.getElementById("message").innerHTML ="Don't be shy! Come on  write some text!!";
          } else {
  
            document.getElementById("message").innerHTML = "Your text:  " 
            +str+ "    was recorded momentarily";
            document.getElementById("message").style.color = "green";
            document.getElementById("sendMe").innerHTML = ""
            alert ("Thank you for your time and text: " +str + "  the
            string.length of your text = " + y + " characters in length.");
          }
        };
  
      &lt;/script&gt;
  </code></pre>