See the Pen by nilgi (@nilgi) on CodePen.
- 자바스크립트 function : 특정 작업
- function name(parameter1, parameter2, parameter3) { } // parameter : 문자, 숫자, 밑줄, $
<p id="f1"></p>
<script>
function myf(n1, n2) {
return n1 * n2;
}
document.getElementById("f1").innerHTML = myf(8, 9);
</script>
- function 호출
클릭했을 때 이벤트 구현, 자바스크립트 호출, 자동 자체 호출
- function return
스크립트 다음에 코드를 실행하기 위해 return을 사용
return은 연산하며 호출자에게 다시 값을 지정
<p id="r1"></p>
<script>
var r = myrf(5,4);
document.getElementById("r1").innerHTML = r;
function myrf(a, b){
return a * b
}
</script>
- function : 재사용 가능하여 여러가지 결과를 만든다.
<p id="ku"></p>
<script>
function ktou(u) {
return (1155 * u);
}
document.getElementById("ku").innerHTML = ktou(99);
</script>
<p id="ku2"></p>
<script>
document.getElementById("ku2").innerHTML =
"99달러는" + ktou(99) + "원 입니다.";
function ktou(u) {
return (1155 * u);
}
</script>
- 변수는 function 영역에서만 엑세스됩니다.
<p id="lv1"></p>
<p id="lv2"></p>
<script>
lv();
function lv() {
let btype = "AB";
document.getElementById("lv1").innerHTML =
typeof btype + " " + btype;
}
document.getElementById("lv2").innerHTML =
typeof btype;
</script>