[TIL] query seletor, JavaScript calculator
💡 Achievement Goals를 위주로 정리하는 TIL
✔️ Sprint. query seletor
document.querySelector
웹 페이지 특정 요소 선택
textContent
선택한 엘리먼트의 Content 조회
textContent = ""
선택한 엘리먼트의 Content 변경
- 깃허브 계정으로 포크(Fork)하여 과제 제출 완료
✔️ Sprint. calculator
- HTML, CSS, JS 로 계산기 만들기
- 코플릿을 통해 익힌 if문이 실제 어떻게 실행되는지 알 수 있었다.
- JS는 String으로 받아인다.
따라서, 연산 시 숫자로 변환해야한다.
Number(), ParseFloat() 등을 사용한다.
- textcontent : 지정한 엘리먼트의 content
buttoncontent : 버튼의 content
firstOperend.textContent = buttoncontent; // firstOpenrend의 Content를 buttoncontent로 바꿔줘.
- 전달인자(argument) vs 매개변수(parameter)
funtion calculate(n1, operator, n2)
.
.
.
calculate(1, +, 2)
parameter (형태, 가정) : n1, operator, n2
argument (실제 변수) : 1, +, 2
!display.textcontent.includes('.')
함수 앞에 느낌표를 붙여주면 not
- perviousKey 매 action이 끝날 때마다 재할당
- Github 웹 GUI를 이용한 Drag & Drop 으로 과제 제출