* 겪고 있는 문제 상황을 최대한 자세하게 작성해주세요.
* 문제 해결을 위해 어떤 시도를 해보았는지 구체적으로 함께 알려주세요.
function checkResult() { => alert실행됨
alert("안녕하세요!");
//let word = "사과";
//$("#q1").text(word);
}
function checkResult() { => 사과 실행됨
//alert("안녕하세요!");
let word = "사과";
$("#q1").text(word);
}
function checkResult() { => alert랑 사과랑 동시에 실행되야 한다고 생각하는데 alert만 실행됨
alert("안녕하세요!");
let word = "사과";
$("#q1").text(word);
}
이 부분에서 alert와 사과를 따로따로 실행시키면 둘 다 실행이 되는데
같이 실행시키면 alert만 실행이 되고 사과는 실행이 안되는 이유가 뭔가요?
작성한 코드 및 에러 메세지
<!DOCTYPE html>
<html>
<head>
<title>자바스크립트 문법 연습하기!</title>
<script
src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js"
defer
></script>
</head>
<style>
.button-part {
display: flex;
height: 50px;
}
</style>
<body>
<div class="top-part">
<h1>자바스크립트 문법 연습하기!</h1>
</div>
<hr />
<br />
<h2>1. 함수</h2>
<div class="button-part">
<!-- button을 onclick하면 뒤에있는 함수가 실행됨 -->
<button onclick="checkResult()">결과 확인하기!</button>
</div>
<div class="list-part">
<h2>2. 어레이</h2>
<div id="q1">TEST</div>
</div>
<div class="dict-part">
<h2>3. 오브젝트</h2>
<div id="q2"></div>
</div>
<div>
<h2>4. 어레이 오브젝트</h2>
<div id="q3"></div>
</div>
</body>
<script>
function checkResult() {
//alert("안녕하세요!");
let word = "사과";
$("#q1").text(word);
}
</script>
</html>
코드 전체와 에러 메시지를 첨부해 주세요.
Tip 1) </> 아이콘을 눌러 코드박스를 만들어 보세요.
Tip 2) Ctrl+A(맥의 경우 Command+A) 단축키로 코드를 한 번에 선택할 수 있어요!
