서브밋이벤트,form.reset,setTimeout,

박범준·2021년 7월 30일
0
var form = document.getElementById('form');
var input = document.getElementByID('msg');
var feedback = document.querySelector('feedback');
var txt = document.getElementById('txt');

form.addEventListener('submit', function(e){  

	e.preventDefault();//서브밋은 실행시 자동 새로고침되어 막아야함

	var msg = input.value
    
    if(msg){
    	txt.TextContent = msg;
        form.reset();//여러게의 인풋테그를 한번에 리셋
    }else{
    	feedback.classList.add('show');
        
        setTimeout(function(){
        feedback.classList.remove('show');
        },2000);  //2초가됬을때 함수실행
    
});
profile
HTML/CSS/JAVASCRIPT

0개의 댓글