Download presentation
Presentation is loading. Please wait.
1
Javascript Basic Sample Programs
2
자바스크립트 디버깅 자바스크립트 프로그램시 에러가 나는 경우 디버깅을 통해 에러가 난 위치를 확인하고 수정할 수 있다.
<!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>
3
크롭 디버깅 화면 크롬에서 오른쪽 버튼을 누르고 “검사＂를 선택 error 표시
6
배열 선언하기, 배열의 원소 출력하기 <script> // 배열 선언하기
var cars = [＂Saab＂, ＂Volvo＂, ＂BMW＂]; len=cars.length; // 배열의 길이 구하기 // 배열의 원소 출력하기 for(i=0; i<len; i++) document.write(cars[i]+"<br>");
7
배열의 맨 끝에 원소 추가하기 //배열의 맨 끝에 새로운 원소 추가하기 cars[3]="Hyundai";
cars[4]="KIA"; len=cars.length; for(i=0; i<len; i++) document.write(i+"번째 원소: "+cars[i]+"<br> ");
![배열의 맨 끝에 원소 추가하기 //배열의 맨 끝에 새로운 원소 추가하기 cars[3]= Hyundai ;](http://slidesplayer.org/slide/15214871/92/images/7/%EB%B0%B0%EC%97%B4%EC%9D%98+%EB%A7%A8+%EB%81%9D%EC%97%90+%EC%9B%90%EC%86%8C+%EC%B6%94%EA%B0%80%ED%95%98%EA%B8%B0+%2F%2F%EB%B0%B0%EC%97%B4%EC%9D%98+%EB%A7%A8+%EB%81%9D%EC%97%90+%EC%83%88%EB%A1%9C%EC%9A%B4+%EC%9B%90%EC%86%8C+%EC%B6%94%EA%B0%80%ED%95%98%EA%B8%B0+cars%5B3%5D%3D+Hyundai+%3B.jpg "cars[4]= KIA ; len=cars.length; for(i=0; i<len; i++) document.write(i+ 번째 원소: +cars[i]+ <br> );")
8
배열의 맨 앞의 원소 삭제하여 새로운 배열로 cars cars2 1 2 3 4
9
배열의 맨 앞의 원소 삭제하기 // 배열의 맨 앞의 원소 삭제하고, 앞으로 땡기기
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> ");
10
배열의 맨 앞에 원소 추가하기 // 배열의 맨 앞에 새로운 원소 삽입하고, 한칸씩 밀기 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>");
11
자바스크립트로 계산기 만들기 준비작업 숫자 버튼, 연산자 버튼을 생성한다.
버튼을 누르면 그 버튼에 해당하는 문자(char)를 함수 cal()에 전송 문자열을 출력할 곳을 지정 결과: <input type=text id=result> 자바스크립트 준비 전역변수 InputStr을 선언 함수 cal(char) 입력된 문자 char을 변수 InputStr에 추가하여 붙임(+를 이용하여) InputStr을 id=result에 출력
12
실행 화면
13
전역 함수 – 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
14
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>
Similar presentations
![[ 2016-05 ] 호서대학교 현장실습지원센터 홈페이지 안내 교수 매뉴얼.](/91/15036153/big_thumb.jpg "[ 2016-05 ] 호서대학교 현장실습지원센터 홈페이지 안내 교수 매뉴얼.>")
