空要素を基底チェックと変更の可視性

Question

これは私のhtmlです：

<textarea name="content" rows="10"></textarea> 

そして、これは私のjsのです。私が欲しいもの

function popup() { 
    var textArea=document.getElementsByName('content'); 
    var popupArea=document.getElementsByClass('popup'); 
    if (textArea[0].value=="") { 
     window.alert("Input"); 
    } 
    else { 
     popupArea[0].innerHTML=textArea[0].value; 
     popupArea[0].style.display="block"; 
    } 
} 

は、「ポップアップ」クラスを作ることであるテキストエリアからテキストを含むと見えるように、テキストエリアを除いて空である：私はそれが空である場合に警告を作りたいです。

これはうまくいかないので、助けてください。これは一種の割り当てなので、jQueryの提案は避けてください。

Answer 1

変更getElementsByClassgetElementsByClassName

function popup() { 
 
    var textArea=document.getElementsByName('content'); 
 
    var popupArea=document.getElementsByClassName('popup'); 
 
    if (textArea[0].value=="") { 
 
     window.alert("Input"); 
 
    } 
 
    else { 
 
     popupArea[0].innerHTML=textArea[0].value; 
 
     popupArea[0].style.display="block"; 
 
    } 
 
} 
 

 
popup();

<textarea name="content" rows="10"></textarea> 
 
<div class="popup"></div>