저는 JS를 처음 접했고이 코드를 더 깔끔하게 작성하는 방법이 있는지 궁금합니다.
현재 표시 중인지 여부에 따라 div를 표시하거나 숨기는 버튼을 만들려고합니다.
미리 많은 감사
Anne
var button = document.getElementById('button');
var hideText = document.getElementById('output').className = 'hide';
button.addEventListener('click', ()=>{
if(hideText){
document.getElementById('output').className = 'unhide';
hideText = false;
}else{
document.getElementById('output').className = 'hide';
hideText = true;
}
})
CSS
.hide{display: none;}
.unhide{display: block;}
단일 클래스 (예 :)를 사용하고 unhide기본적으로 보이지 않게 만드십시오. 그런 다음
button.addEventListener('click', () => {
document.getElementById('output').classList.toggle('unhide');
}
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다