【程式碼筆記】Web-JavaScript-JavaScript語句
阿新 • • 發佈：2018-12-17
一，效果圖。
二，程式碼。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>javascript 語法</title>
</head>
<body>
<!--語句-->
<p id="demo">我的第一個段落</p>
<script>
document.getElementById("demo").innerHTML = "你好 Dolly";
</script>
<!--分號-->
<h1>我的網頁</h1>
<p id="demo1"></p>
<p id="demo2"></p>
<script>
a = 1;
b = 2;
c = a + b;
document.getElementById("demo1").innerHTML = c;
x = 1;
y = 2;
z = x + y;
document.getElementById("demo2").innerHTML = z;
</script>
<!--程式碼-->
<p id="demo">一個段落</p>
<div id="myDIV">一個DIV.</div>
<script>
document.getElementById("demo").innerHTML = "你好Dolly";
document.getElementById("myDIV").innerHTML = "你最近怎麼樣";
</script>
<!--程式碼塊-->
<p id="myPar">我是一個段落。</p>
<div id="myDiv">我是一個div。</div>
<p>
<button type="button" onclick="myFunction()">點選這裡</button>
</p>
<script>
function myFunction() {
document.getElementById("myPar").innerHTML = "你好世界";
document.getElementById("myDiv").innerHTML = "你最近怎麼樣?";
}
</script>
</body>
</html>
參考資料：《菜鳥教程》