IF 예제 스크립트

1. IF 예제

<script type="text/javascript">
 function ifTest1() {
  var num1 = parseInt(prompt("첫번재 정수 입력", "0"));
  var num2= parseInt(prompt("두번재 정수 입력", "0"));

  if (num1 > num2)
  {
   alert("큰값은 " +   num1 );
  } else if (num1 == num2)
  {
   alert("두 값이 같습니다.");
  }  else {
   alert("큰값은 " + num2);
  }
 }

</script>

 

<input type="Button" value="IF_Test" onclick="ifTest1()" /> 에서 버튼을 클릭하면 클릭이벤트에 의해서 ifTest1() function이 실행이 되며

정수를 입력 했을때 숫자의 크기를 비교 해서 큰값을 출력 하는 함수 이다.

 

-----------------------------------------------------------------------------------------------------------

 

<script type="text/javascript">
  function login() {
   //html의 요소중에서 id 속성값이 id인 엘리먼트를 객체화해서 얻어옴.
   //객체화  -  속성, 메소드 사용
   var aid=document.getElementById("id");
   //html의 요소중에서 id 속성값이 pwd인 엘리먼트를 객체화해서 얻어옴.
   var apwd=document.getElementById("pwd");
   
   if (aid.value == "k123" && apwd.value == "1234")   => .vlaue는 태크내 value라는 속성에 접근 할 수 있다.
   {
     alert(aid.value + "님 환영홥니다.");
   } else {
     alert("아이디 또는 비밀번호가 틀립니다.");
   }
  
   }
 </script>

 

document객체를 통해서 웹페이지 안의 모든 엘리먼트에 접근 하며 document객체 중에서 getElementById메소드로 태크내 id에 접근을 한다.

각각 텍스트로 값을 얻어와 비교연산을 한다.

 

-----------------------------------------------------------------------------------------------------------

<script type="text/javascript">
   function showResult() {
    var aname = document.getElementById("name");
    if (aname == "" )  // aname 값과 같으면 실행하고 틀리면 실행이 안됨.
    {
     alert("이름을 입력 하세요");
     return;
    }

//객체와 메소드 텍스트의 모든 속성을 가지고 있음.
    var akor = document.getElementById("kor");
    var aeng = document.getElementById("eng");
    var atot = document.getElementById("tot");
    var aave = document.getElementById("ave");
    var ahak = document.getElementById("hak");

 // 파랑색은 HTML문서내 태그 속성이다.

    atot.value = parseInt(akor.value) + parseInt(aeng.value);
    aave.value = atot.value/2;
    
    if ( aave.value >= 90) {
       ahak.value =  "A";
    } else if ( aave.value  >= 80 && aave.value <= 90) {
       ahak.value = "B";
    } else if ( aave.value >=70 && aave.value <= 80) {
       ahak.value = "C";
    }  else if (aave.value >= 60 && aave.value <= 70 ) {
       ahak.value = "D";
    } else if ( aave.value <= 60) {
       ahak.value = "F";
    } else {
       alert("잘못 입력 하셨습니다.");
    }
    
   }
 </script>

텍스트에서 이름 , 국어 , 영어 값을 입력을 받아서 총합계와 평균 , 그리고 학점을 구하는 함수이다.