jquery 퀴즈 구현하기, 정답 출력 html() text()

html 작성

<input type="text" name="" id="input1" placeholder="고양이 or 강아지 뭐가 나올까요?"style="width:200px">
    <input class="" type="button" value="확인" onclick="btn()">
    <p class="btn_img"></p>
    <p class="btn_txt1"></p>
    <p class="btn_txt2"></p>

 

 

script 작성

var i = 0;
        function btn() {
            i+=1;
            if(i==1){
                $('.btn_img').html("<img width='100' src='https://cdn-icons-png.flaticon.com/512/58/58287.png' /><img src='https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcT7n2eaNQemgGNzgtyjbslCR2gysZUFhD_hpg&usqp=CAU' width='100'/>")
            }
            if(i==2){
                $('.btn_img').html("<img src='https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcT7n2eaNQemgGNzgtyjbslCR2gysZUFhD_hpg&usqp=CAU' width='100'/><img width='100' src='https://cdn-icons-png.flaticon.com/512/58/58287.png' />")
                i = 0;
            }
            $('.btn_txt1').text($('#input1').val());
            $('.btn_txt2').text("땡! 둘다 나옵니다.");
        }