Emptyness檢查和更改知名度

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"; 
    } 
} 

我想是什麼力量讓「彈出」類包含來自textarea的文本，是可見的，除了文本區域爲空：我想打一個警告，如果它是空的。

它不工作，請幫助..由於這是一種任務，請避免提示jQuery。

Answer 1

變化getElementsByClass到getElementsByClassName

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>