0923 JAVASCRIPT

yookyungmin·2022년 9월 23일
0

기초

자바 스크립트에는 명시적 자료형이 없다. EX) int a;
변수의 선언을 안넣을수 있다.

  • alert
    alert("hello Javascript); // 경고창 용으로 사용, "", '' 사용이 가능, 아무것도 반환하지 않는다.

  • confirm
    confirm은 boolean 사용자 선택창, 확인-true, 취소-false 반환
    let-result= confirm("자바 스크립트가 처음입니까?");
    alert(result);
    let 은 변수 선언

  • prompt
    let msg = prompt("메시지를 입력하세요"):
    //Jopationplane.showinputDialog(); 와 같다, 그래픽 버전의 문자열 입력받는 기능
    alert("입력하신 문자열은"+ msg);

-console.log();
console.log("Hello Javascript"); F12 관리자 모드의 console로 저장됨

  • document.write("Hello JavaScript")
    //문서 부분에다가 글 출력
  • Document.getElementById()
    메서드는 주어진 문자열과 일치하는 id 속성을 가진 요소를 찾고, 이를 나타내는 Element 객체를 반환합니다. ID는 문서 내에서 유일해야 하기 때문에 특정 요소를 빠르게 찾을 때 유용합니다.

자바 스크립트는 HTML을 통제할수 있다.

let text1 = document.getElementById("text"); //
text1.value="def;

cosole.log(text1.value); //관리자 모드 console에 출력

let div1= document.getElementById("div1");
div1.innerHTML="Hello JS" /div안에는 innerHTML 사용/

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>

    <style>
        div{
            border: 1px solid black; height: 80px; width: 300px;
        }
    </style>
</head>
<body>
    <div id="div1"></div>
    
    <div id="div2"></div>
    
    <div id="div3"></div>
    
           
    <script>
            /*자바 스크립트에선 equals가 없다 문자열, 숫자를 모두 == 으로 비교한다 문자열과 숫자를 비교하면 숫자를 문자열로 자동변환해서 비교한다.*/
            let msg = prompt("당신이 좋아하는 과일은 무엇입니까? \n 1.사과 2.딸기. 3 포도");

               let a = document.getElementById("div2");
            if(msg==1){
                document.write('사과');
             
                a.innerHTML="사과";

            }else if(msg=='2'){
                document.write('딸기');
             
                a.innerHTML="딸기";
            
            }else{
                document.write("포도");
               
                a.innerHTML = "포도";
            }
    </script>



    </body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>

        <script>
                let dan=prompt("단을 입력하세요");
                    for(let b=1; b<=9; b++){
                        document.write(dan+"*"+b+"="+dan*b+"<br>");
                    }
        </script>
            <br>

</body>
</html>

행과 열을 입력 받아 테이블을 만들어라

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>

        let rows= prompt("행");
        let cols = prompt("열");
        let count=1;

        document.write("<table border=1>");


            for(let i = 0; i<rows; i++){
            document.write("<tr>");
                for(let j = 0; j<cols; j++){
                document.write("<td>"+count++);
            document.write("</td>");
                }
                document.write("</tr>");
            }
        document.write("</table>");
    </script>

</body>
</html>

0개의 댓글