D9: Connecting HTML-CSS-JS

devfish·2022년 12월 28일
0

Javascript

목록 보기
5/30

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;
    // roughly the same as: let double = function(n) { return 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 ===
profile
la, di, lah

0개의 댓글