Javascript 명령프롬프트(prompt) 계산기
홈페이지/javascript2017. 4. 13. 20:36
자바스크립트 영역
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 | <script type="text/javascript"> function sum() { var num1 = parseInt(prompt("첫번째 값 (숫자만 입력)")); // var num1 전역변수 // parseInt = prompt로 받은 문자를 정수로 변경하는 메소드 while (isNaN(num1)) { num1 = parseInt(prompt("첫번째 값 (숫자만 입력)")); } var item = prompt("연산자"); // var item 전역변수에 prompt(명령창)을 이용해 연산자 받기 while (true) { item = prompt("연산자 +,-,*,/ 중에서 입력해주세요.") if (item == "+" || item == "-" || item == "*" || item == "/") break; } var num2 = parseInt(prompt("두번째 값 (숫자만 입력)")); // var num2 전역변수 // parseInt = prompt로 받은 문자를 정수로 변경하는 메소드 while (isNaN(num2)) { num2 = parseInt(prompt("두번째 값 (숫자만 입력)")); } //getElemetsByName = 한개의 이름으로 여러개의 태그에서 사용가능하다.(무일성) 대신 배열형태로 사용해야한다. 이름[생성번호] //getElementById = 한개만 생성가능 (유일성) document.getElementsByName("sum1")[0].value = num1; //document.getElemetsByName = sum이라는 이름을 가진 태그를 못찾기 때문에 document 최상위 객체에서 찾아준다. document.getElementsByName("sum2")[0].value = num2; document.getElementsByName("tot")[0].value = eval(num1 + item + num2); } </script> | cs |
Body 영역
1 2 3 4 | <button onclick="sum()">계산기 시작</button> <input type="text" name="sum1"> <input type="text" name="sum2"> <input type="text" name="tot"> | cs |
자바스크립트
계산기 버튼부
1번 입력칸
2번 입력칸
결 과
Comments