JS Confirm 상자가 Chrome에서 잘못 작동 함

Question

학생들을위한 DO WHILE 루프를 시연하기위한 약간의 프로그램을 작성했습니다. <hr />을 사용하여 줄을 그 다음 작업을 반복 할 것인지 묻습니다. 여기에 있습니다 :

function drawline() 
{ 
var draw = true; 
do 
{ 
    document.getElementById("lineArea").innerHTML += "<hr />"; 
    draw = confirm("Draw another line?"); // clicking "Yes" in a confirm box stores "true" in the variable 'draw'. 
} 
while (draw) // This is equivalent to "while (draw == true)" 

document.getElementById("lineArea").innerHTML += "No more lines"; 

} 

문제는 FF와 IE에서는 잘 작동하지만 크롬 버전 57.0.2987.110에서는 문제가 없다는 것입니다. Chrome에서는 사용자가 확인 상자에서 '취소'를 누를 때까지 줄이 나타나지 않습니다. 그런 다음 이전에 '확인'을 한 횟수에 따라 줄 수가 표시됩니다. 그리고 Chrome의 개발자 도구에서 코드를 단계별로 실행하면 예상대로 작동합니다. 아이디어가 있습니까? 확인 상자가 자주 눈살을 찌푸린다는 것을 알고 있지만, 학생들에게 코드를 간단하게 유지하고 싶습니다.

Answer 1

는 왜 :

function drawLine() { 
 
document.getElementById("lineArea").innerHTML += "<hr />"; 
 
}

<a id="addline" onclick="drawLine()">add line</a> 
 
<div id="lineArea"></div>