javascript, jquery 문법연습

누군가가 만들어둔 기능을 가져다 써도 되지만,

function 을 이용해서 원하는 함수를 만들 수 있다.

$('#아이디값 ') -> 아이디값이 부여된 바로 그것을 지칭하기 위해 사용

입력	출력
<div class="button-part">         <button onclick="checkResult()">결과 확인하기!</button> </div> <script>     function checkResult(){         alert('안녕하세요!')      } </script>	결과 확인하기! 라고 써 진 버튼이 있고 <button>결과 확인하기!</button> 그 버튼을 누르면(onclick) checkResult가 실행이 되는데  <button onclick="checkResult()">결과 확인하기!</button> checkResult의 기능은 '안녕하세요' 라는 경고창을 띄우는 것 function checkResult(){ alert('안녕하세요!')}
<div class="button-part">         <button onclick="checkResult()">결과 확인하기!</button>     </div>     <div class="list-part">         <h2>2. 리스트</h2>         <div id="q1">테스트</div>     </div> <script>     function checkResult(){         let word='사과'         $('#q1').text(word)      } </script>	버튼을 누르는것 까지는 같은데 이번에는 checkResult의 기능은 id=q1 으로 부여된 부분에 (<div id="q1">테스트</div>) $('#q1') word에 있는 말을 입력하는것 text(word) 이 때 word는 '사과'   let word='사과' -> 버튼을 누르면 테스트라고 써있던 곳이 사과로 바뀜
<div class="button-part">         <button onclick="checkResult()">결과 확인하기!</button>     </div>     <div>         <h2>4. 리스트 딕셔너리</h2>         <div id="q3">테스트</div>     </div> <script>    function checkResult() {         let c = [             { 'name': '영수', 'age': 30 },             { 'name': '철수', 'age': 35 }]             $('#q3').text(c[1]['name'])     } </script>	버튼을 누르면 다음의 동작을 한다 $('#q3').text(c[1]['name']) id=q3인 곳에 $('#q3') 다음의 말을 넣어주세요 text( ) c라는 리스트의 c 1번째 값의 [1]  'name'키에 해당하는 벨류를['name']  c[1]['name']  -> 출력값: 철수
<div class="button-part">         <button onclick="checkResult()">결과 확인하기!</button>     </div>     <div class="list-part">         <h2>2. 붙이기</h2>         <div id="q1">             <p>사과</p>             <p>귤</p>             <p>감</p>         </div>  <script>         function checkResult() {             let fruits = ['사과', '배', '감', '귤', '수박']             $('#q1').empty()             fruits.forEach(element => {                 let temp_html = `<p>${element}</p>`                 $('#q1').append(temp_html)             }); </script>	버튼을 누르면 $('#q1').empty()  q1에 있는 내용을 다 지워줘 -> 버튼을 누르기 전에는 사과, 귤, 감이 있다가 버튼을 누르면 이 내용이 다 지워지고 fruits.forEach(element => { fruits 리스트에 있는 각각의 요소(element)들이 하나씩 차례로 다음 동작을 실행해 그 동작이 뭐냐면  $('#q1').append(temp_html) id="q1"인 곳에 temp_html을 붙여넣어 이 때 temp_html이 뭐냐면  let temp_html = `<p>${element}</p>` 리스트의 각각의 요소들이야 ->출력값: 사과 배 감 귤 수박