KangKkaem

열심히 하는 강깸의 프로그래밍 블로그입니다.

  • 스크립트 코드 작성 영역

->클릭을했을때 ->마우스를올려놨을때

<body>
    <input type="button" value = "클릭" onclick="alert('안녕하세요')"/><br/>
    <span onclick="alert('hello')">스팬입니다.</span>
    <script>
    
    </script>
</body>

클릭

ex) 덧셈결과출력하기

<body>
    <script>
        function printResult(){

            var x, y ;
            x= prompt("x값을 입력하세요.",0);
            y= prompt("y값을 입력하세요.",0);
            
            x=parseInt(x);
            y=parseInt(y);

            alert(x+y);
        }
       
    </script>
    <input type="button" value = "클릭" onclick=" printResult();"/><br/>
</body>

덧셈

댓글남기기

참고

CSS - Grid

참고 : https://studiomeal.com/archives/533

CSS - Flex

Flex 레이아웃 배치 전용으로 나온것이 Flex 이다. 간혹 flex 만 가능한 UI 가 있고 Grid 보다 사용하는것이 간단해서 적재적소로 두개를 이용하는것이 가장 좋다.