answer 여러 개 나옵니다.

[하루 10분|Web Project] HTML/JS/CSS로 나만의 심리테스트 사이트 만들기

QnA 디자인

작성

263

아무 선택지나 누른 후 새로고침을 하고 다시 시작하기 버튼을 누르면 answer가 여러개가 나옵니다. 크게 불편함은 없지만 신경이 쓰이는데 없애는 방법은 없을까요?

answer qna HTML/CSS 오류 bootstrap javascript

답변 3

thehrto12

아래처럼 하니 해결됐습니다

let isClickable = true;

function start() {   
    
    main.style.WebkitAnimation = "fadeOut 1s";
    main.style.animation = "fadeOut 1s";
    setTimeout(()=>{            
        qna.style.WebkitAnimation = "fadeIn 1s";
        qna.style.animation = "fadeIn 1s";
        isClickable = false;
        setTimeout(()=>{
            main.style.display = "none";    
            qna.style.display = "block";        
        },450)
        let qIdx = 0;
        goNext(qIdx);        
    },450);     
}


function begin() {
    if(!isClickable) {
        return false;
    }
    isClickable = false;

    start();

    setTimeout(()=>{
        isClickable = true;
    }, 1000)
}

조병규

새로고침하고 시작하기 버튼을 빠르게 누르면 사라지는 도중에 버튼이 비활성되지 않아 begin() 함수가 여러번 호출되는 것 같습니다.

var start = false;

function begin() {

if(start) return;

...

}

로 임시로 여러번 뜨지 않게 해봤습니다.