D9: Connecting HTML-CSS-JS
To look into
- DOM element manipulation
- adding / removing classes via js
onClick function through DOM manipulation
(vs. CSS button properties button:active etc.)
- arrow function basics
let double = n => n * 2;
More to do
<User flow에 따라 기능 구현하기>
- 계산기를 만든 과정과 경험을 블로그에 정리 및 회고
- 블로그에 정리 및 회고를 마친 후, 계산기의 CSS를 수정하여 더욱 예쁜 계산기를 만들기
- InnerHTML, textContent의 차이에 대해서 검색, 블로깅
- InnerHTML: 해당 Element의 HTML, XML을 읽어오거나, 설정
- InnerText: Element 내에서 사용자에게 '보여지는' 텍스트 값을 읽어옴
- textContent: 'Node'의 속성으로, innerText와는 달리
Notes..
addListener(click, function())
- click할떄 이 이벤트를 실행해줘라
- // don't add more decimals if it's already there!
if (!display.textContent.includes('.'))
+firstNum
- 형변화 (string->number)
display.textContent].some(v => v ===