복습
JQuery를 이용하여 버튼의 id, text 값을 받아올 필요가 있어서 2주차 JQuery를 복습하였다.
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> $('#id').val() //id의 val 가져오기 and can input new value... $('#id').text() //bring a text 값 $('#id').attr() //()의 value 가져오기 $('#id').show() //show the what had id. $('#id').hide() //hide the what had id. $('#id').append() //append a new ingredient.
프로젝트
오늘은 우선 프론트엔드에서 버튼의 위치를 디스플레이에 무관하게 화면 중앙으로 고정시켰다.
left:50%; //or right:50%
도시의 name 값을 받아올 필요가 있으므로 먼저 button에 id 값을 appoint하고 함수 bring_city()를 실행시키도록 한다.
id="city_canada"
canada의 값을 사용하므로 함수 ()에서 where로 받는다.
id는 + 문자를 이용하여 문자열과 변수를 더할 수 있다.
function bring_city(where) { let city = $('#city_'+where).attr('id'); alert(city) //테스트 }
잘 실행된다면, alert가 뜰 것이다. (역시나 does work well.)
시간 값도 똑같이 가져온다. 이때의 함수값은 정수 n으로 받는다.
function bring(n) { let time = $('#time'+n).text() alert(time) // 테스트 }
이제 alert 대신에 제대로 된 code를 넣어서 작업하면 되겠다!
Newbie