텍스트 입력이 2보다 큰 경우 div가 보이게합니다.

Question

텍스트 길이가 2보다 큰 경우 div를 표시하는 함수를 만들었지 만 작동하지 않는 것 같습니다.

jsfiddle : https://jsfiddle.net/bj22met8/

자바 스크립트

function showDIV(){ 
text = document.getElementById("search"); 
    if (text.length >=1){ 
     document.getElementById("section").style.visibility = 
    "visible"; 
    } 

    } 

HTML 당신은 입력 값을 테스트해야

#section{ 
width: 200px; 
height: 200px; 
background-color: blue; 
visibility: hidden; 
} 

Answer 1

<div id="section"> 
    dsfdsf 
    </div> 
    <input type="text" id="search" size="20" onkeydown="showDIV();"> 

스타일. DOM 객체 (결과 : document.getElementById)에는 길이가 없습니다.

if (text.value.length >= 1) {...}