자바스크립트에서 쓰는 메소드 function()에 대하여 알아보자
1. onclick = "function()" 으로 소환 가능하며 , id값으로 셀렉트 한다.
<body>
<button onclick="myFunction()">try it </button>
<p id="demo"></p>
</body>
<script>
function myFunction(){
document.getElementById("demo").innerHTML = "hello!";
}
</script>
2.funtion('인자')를 넣고 실행할 수 있다.
예시1)
<body>
<button onclick = "myFunction('harry','wizard')"> try it </button>
<p id = "demo" > </p>
<script>
function myFunction(name,job) {
document.getElementById("demo").innerHTML = "welcome" + name + job;
}
</script>
</body>
예시2)
<body>
<button onclick="myFunction('welcome')" value="welcome"> </button>
<p id="demo"> </p>
<script>
function myFunction(txt){
document.getElementById("demo").innerHTML = txt
}
</script>
</body>
3.id값으로 값을 리턴해줄 수 있다.
<body>
<p id="demo"></p>
<script>
var x = myFunction(4,3);
document.getElementById("demo").innerHTML = x;
function myFunction(a,b){
return a*b;
}
</script>
</body>
'front > html,Js,타임리프' 카테고리의 다른 글
| 자바스크립트를 이용한 타임리프 문법정리 (0) | 2022.02.11 |
|---|---|
| 자바스크립트 기초 (자바스크립트의 특징 5개) (0) | 2022.02.01 |
| 타임리프 테이블말고 row로 들어있는 반복문 만들기 (0) | 2022.01.25 |
| 자바스크립트 forEach()반복문 (0) | 2022.01.15 |
| 자바스크립트에서 $는 무슨 뜻일까?? (DOM) (0) | 2022.01.15 |
댓글