HTML5+ CSS3+ Javascript

2일차

구자룡 2021. 3. 17. 17:01

<!DOCTYPE html>
<html lang="en">
<head>
    <script>
        //변수 선언을 제일 위에 하자.
        var mystr = prompt("이름을 입력하삼..","");
         
        mystr = mystr + "님~어서오세요";
        document.write("<h3>"+mystr+"</h3>");

        var ret = confirm("확실해요?");
        if (ret == true) {
            document.write("그렇게 진행하겠습니다..");
        } else {
            document.write("취소하겠습니다...");
        }




    </script>
</head>
<body>
    
</body>
</html>

반복문 학습

<!DOCTYPE html>
<html lang="en">
<head>
   <script>
       //1부터 10까지의 합계내기.
       var hap = 0;
       for(var i=0; i<=10; i++){
           hap += i;
       }

       document.write("<h3>"+ hap + "</h3>");

       while (ture) {
           //무한 반복
           //if(어떤조건)
           // break;
       }



   </script>

</head>
<body>
    
</body>
</html>

if문 학습

<!DOCTYPE html>
<html lang="en">
<head>
    <script>
        //장학생,합격,불합격
        var score = 91;
        var grade;
        
        if(score >= 90) 
            grade = "장학생";
        else if(score>=60)
            grade = "합격";
        else {
            grade = "불합격";
            grade += "아쉽네요";
        }

        document.write("<h3>"+ grade + "</h3>");

    </script>


</head>
<body>
    
</body>
</html>

함수문 학습

<!DOCTYPE html>
<html lang="en">
<head>
    <script>
         function calc_func(n1,n2) { //커피 자판기
            var retVal = 0
            retVal = n1 + n2;
            return retVal;
         }

    </script>
   <script>
       var num1=100;
       var num2=200;

       var hap;

       hap = calc_func(num1,num2);
       document.write("<h3>"+hap+"</h3>");

       num1 = 300;
       num2 = 400;

       hap = num1 - num2;
       document.write("<h3>"+hap+"</h3>");


   </script>
</head>
<body>
    
</body>
</html>

배열 학습

<!DOCTYPE html>
<html lang="en">
<head>
    <script>
        /*var n1,n2,n3,n4,n5;
        var nAry = [10,20,30,40,50]
        var hap = 0;
        /*n1=10;
        n2=20;
        n3=30;
        n4=40;
        n5=50;*/
        
        //hap= nAry[0]+nAry[1]+nAry[2]+nAry[3]+nAry[4];
        /*for (var i=0;i<5;i++) {
            hap = hap + nAry[i]

        }*/
       /* var nAry = new Array();//빈 배열을 생성
        nAry[0] =10;
        nAry[1] = 20;
        nAry[2] = 30;
        hap = 0;

        for(var i=0;i<nAry.length;i++) {
            hap += nAry[i];
        }

        document.write("<h3>"+ hap +"</h3>");*/
        //사용자가 입력하는 숫자를 모두 더해라. 그런데 사용자의 마음을 모른다.
        //몇개 넣을지는 사용자 마음이다.
        //입금액을 배열에 저장한 후에 합계를 내라.
        //단 자금과 대출을 구분해서 합계를 내라.(+자금,-대출)
        var moneySum1 = 0;
        var moneySum2 = 0;
        var a = 0;
        var nAry = new Array();
        while(true) {
            var money = prompt("얼마?","0");
            if (money == "0") {
                break;
            }
            nAry[a] = money;
            a++;
            }
            for(var i=0;i<nAry.length;i++){
                if(nAry[i]>0)
                moneySum1 += parseInt(nAry[i]);
                else
                moneySum2 += parseInt(nAry[i]);
        
        }

        document.write("<h3> 자금은"+ moneySum1 +"원</h3>");
        document.write("<h3>대출은"+ moneySum2 +"원</h3>");
    </script>

</head>
<body>
    
</body>
</html>

배열 학습

<!DOCTYPE html>
<html lang="en">
<head>
    <script>
        var moneyAry = new Array();//도라에몽 주머니..끝없이 늘어남.
        var plusMoney = 0, minusMoney = 0;

        var i = 0;
        while(true) {
            money = prompt("압금/대출","0");
            if (money == "0"){
            break;
            }
            moneyAry[i] = money;
            i++;
        }

        for(var i=0;i<moneyAry.length; i++) {
            if (moneyAry[i] > 0)
            plusMoney += parseInt(moneyAry[i]);
            else 
            minusMoney += parseInt(moneyAry[i]);

        }

        document.write("<h3>"+ plusMoney +"</h3>");
        document.write("<h3>"+ minusMoney +"</h3>");




    </script>

</head>
<body>
    
</body>
</html>

'HTML5+ CSS3+ Javascript' 카테고리의 다른 글

6일차  (0) 2021.03.23
5일차  (0) 2021.03.22
4일차  (0) 2021.03.19
3일차  (0) 2021.03.18
1일차  (0) 2021.03.16