Javascript Basic Sample Programs
자바스크립트 디버깅 자바스크립트 프로그램시 에러가 나는 경우 디버깅을 통해 에러가 난 위치를 확인하고 수정할 수 있다. <!dochtml html> <body> <script> var array = ['가', '나', '다']; document.write("Sample program") for (var i = 0; i < 3; i++;) { document.write(i + "번째 출력: + array[i]+"<br>"); } </script> </body>
크롭 디버깅 화면 크롬에서 오른쪽 버튼을 누르고 “검사＂를 선택 error 표시
배열 선언하기, 배열의 원소 출력하기 <script> // 배열 선언하기 var cars = [＂Saab＂, ＂Volvo＂, ＂BMW＂]; len=cars.length; // 배열의 길이 구하기 // 배열의 원소 출력하기 for(i=0; i<len; i++) document.write(cars[i]+"<br>");
배열의 맨 끝에 원소 추가하기 //배열의 맨 끝에 새로운 원소 추가하기 cars[3]="Hyundai"; cars[4]="KIA"; len=cars.length; for(i=0; i<len; i++) document.write(i+"번째 원소: "+cars[i]+"<br> ");
배열의 맨 앞의 원소 삭제하여 새로운 배열로 cars cars2 1 2 3 4
배열의 맨 앞의 원소 삭제하기 // 배열의 맨 앞의 원소 삭제하고, 앞으로 땡기기 for(i=0; i<len-1; i++) cars[i]=cars[i+1]; delete cars[len-1]; len=cars.length; for(i=0; i<len; i++) document.write(i+"번째 원소: "+cars[i]+"<br> ");
배열의 맨 앞에 원소 추가하기 // 배열의 맨 앞에 새로운 원소 삽입하고, 한칸씩 밀기 len=cars.length; for(i=len; i>0; i--) cars[i] = cars[i-1]; cars[0]="SAMSUNG"; for(i=0; i<len; i++) document.write(i+"번째 원소: "+cars[i]+"<br> "); document.write("<hr>");
자바스크립트로 계산기 만들기 준비작업 숫자 버튼, 연산자 버튼을 생성한다. 버튼을 누르면 그 버튼에 해당하는 문자(char)를 함수 cal()에 전송 문자열을 출력할 곳을 지정 결과: <input type=text id=result> 자바스크립트 준비 전역변수 InputStr을 선언 함수 cal(char) 입력된 문자 char을 변수 InputStr에 추가하여 붙임(+를 이용하여) InputStr을 id=result에 출력
실행 화면
전역 함수 – JavaScript Global Functions Description eval() Evaluates a string and executes it as if it was script code isFinite() Determines whether a value is a finite, legal number isNaN() Determines whether a value is an illegal number Number() Converts an object's value to a number parseFloat() Parses a string and returns a floating point number parseInt() Parses a string and returns an integer String() Converts an object's value to a string
js-eval.html <!DOCTYPE html> <html> <body> <p>계산할 수식을 입력하시오.</p> <input type=text id=expression> <button onclick="myFunction()">Try it</button> <p id="demo"></p> <script> function myFunction() { InputStr = document.getElementById("expression").value; document.getElementById("demo").innerHTML = InputStr+" = " + eval(InputStr); } </script> </body> </html>