이번에는 자바스크립트에서 사용자 정의 함수를 정의하고
html 상에서 버튼을 눌렀을 시 동작을 수행하는 예제를
설명과 함께 올려보겠습니다.
<script type="text/javascript">//함수선언 방법// 자바스크립트에서 함수는 일종의 객체//1)명시적 함수 선언// 매개변수 있는 함수function hi(name){alert("Hi~"+name);}//2)익명 함수 선언(함수 이름은 없고 변수로 함수를 대입)var hello = function(){alert("Hello");hi(); // 다른 함수 호출}function go(val){return val*3; // return 반환값;<button>객체1</button>}/*plus()함수를 구성하되 익명함수로 구성하세요.매개변수 2개를 받아 2개의 매개변수 합을 반환하는 메소드를 구성*/var plus = function(val1, val2){//document.write("<h1>"+val1+"+"+val2+"="+(val1+val2)+"</h1>");// id가 msg인 곳에 수식을 끼워넣으세요.var obj=document.getElementById('msg');obj.innerHTML= "<h1>"+val1+"+"+val2+"="+(val1+val2)+"</h1>";return val1+val2;}</script></head><body><button onclick="hi('김영희');">hi</button><button onclick="hello();">hello</button><button onclick="var a=go(5); alert(a);">반환 타입있는 함수</button><button onclick="alert(plus(12,13));">반환 타입있는 함수</button><div id="msg"></div></body></html>
댓글 없음:
댓글 쓰기