[0323 개발일지] javascript 1/3

1. 학습한 내용

google 애널리틱스를 통해
페이지를 조회한 사람 수와 아이피 위치 확인 가능.
html의 head 섹션에 태그 입력

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

연산

        console.log('hello World');
        console.log("Hello World");
        console.log("Hello\ Wolrd");
        console.log(`hello world`);
        console.log('hello World'.length);
        console.log('Hell Wolrd'.replace('hell','hello'))
        

변수

    <h1>variable</h1>
    <script>
        var a = 1;
        a = 2;
        console.log(a);
    </script>
    <script>
        let 가격 = 10000;
        let 부가가치세율 = 0.1;
        let 부가가치세 = 가격*부가가치세율;
        console.log(부가가치세);
    </script>   
    
    

반응하는 버튼

body 섹션 어딘가에 집어넣기

    <input type="button" value="굿나잇" onclick="
    document.querySelector('body').style.backgroundColor='black';
    document.querySelector('body').style.color='white';
    "> 
    (백그라운드 블랙, 폰트 색상이 화이트)
    <input type="button" value="굿모닝" onclick="
    document.querySelector('body').style.backgroundColor='yellow';
    document.querySelector('body').style.color='black';
    "> 
    (백그라운드 노랑, 폰트 색상이 블랙)
    
        

2. 어려웠던 점

변수..
언제 사용할지 감이 안잡히는..

3. 해결방법

변수가 적용되는 페이지를 찾아봐야겠다

4. 학습소감

클릭하고 반응하는 버튼을 만드니 한줌이지만 귀여웠다.
내일은 온오프 기능 버튼을 만든다고 하니 기대된다.