Day.3)웹기초-JavaScript 1/3

학습내용

-Day2내용복습+ 구글 애널리틱스 이용 방문자추적기 달기
(동종업계페이지의 평균치와 내 페이지 집계데이터 비교가능)

<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-0SFY531MV5"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-0SFY531MV5');
</script>

-Java script(컴퓨터프로그래밍)의 이해(예시)
HTML/CSS/Java script의 구분

개발자 모드를 이용한 Java script 분해 >console
Math.random(); ×100
alert('')
confirm
prompt 로 브라우저에 창 띄우기(이벤트)
연산자, 함수, 변수=데이터에 이름을 붙이는것
-학습내용실습(night/day 버튼만들기)

학습내용 중 어려웠던 점 또는 해결못한 것들

1.학습내용 응용으로 버튼만들기 후 다크모드에서 글씨가 안보임
2.오타
3.개발자모드 console에서 내 페이지 검색시 id검색안됨
4.버튼이벤트 작동시 검은바탕에 흰색글씨가 적용안됨

해결방법

1.미적용코드 작성확인 (다크모드여서인지 다시 확인해봐야함)
2. 키보드를 수리하던가, 영타실력을 늘리던가. 확인에 또 확인하고 보던가.
*master Key 해결책=https://text-compare.com/ (해답 코드와 내 코드 동시 비교가능);

3. .html페이지에 없는 검색값이었음.
4. 글자색상지정코드에 대문자 섞여서 안된거였음
   

소감

interactive한 효과를 만들어 낼 수 있어서 흥미로웠다