網頁Web-Javascript-Function()使用與呼叫

  • 4100
  • 0
  • Web
  • 2020-11-17

1.Function()使用與呼叫

2.練習:點選計算按鈕,即可顯示計算結果

3.在javascript中使用變數

1.Function()使用與呼叫


<html>
	<head>
		<title>MyPage</title>
        </head>

<body>

<h1> Hello,Javascript </h1>
<p id="welcome"> hihi</p>
<!--點選按鈕時呼叫function()-->
<button type="button" onclick="myFunction()">改變文字</button>

</body> 
</html>

<script>

//直接呼叫
//myFunction();

function myFunction() {
    document.getElementById("welcome").innerHTML = "hi,hello";
}

</script>


2.練習:點選計算按鈕,即可顯示計算結果

<body>

<h1>2*3=<span id="num"></span></h1>

<button type="button" onclick="cal()">計算</button>

</body> 
</html>

<script>


function cal() {
    document.getElementById("num").innerHTML = 2*3;
}

</script>

3.在function中使用變數

<body>

<h1>2*3=<span id="num"></span></h1>

<button type="button" onclick="cal()">計算</button>

</body> 

</html>

<script>


function cal() {
    a=2;
    b=3;
    c=a*b;
    document.getElementById("num").innerHTML = c;
}

</script>

 

YiruAtStudio - 關於我 - 意如