【程式碼筆記】Web-JavaScript-JavaScript 變數
阿新 • • 發佈:2018-12-17
一,效果圖。
二,程式碼。
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>javascript 變數</title> </head> <body> <script> var x = 5; var y = 6; var z = x + y; document.write(x + "<br>"); document.write(y + "<br"); document.write(z = "<br>"); </script> <script> var pi = 3.14; var name = "bill gate"; var answer = "yes i am "; document.write(pi + "<br>"); document.write(name + "<br>"); document.write(answer + "<br>"); </script> <p>點這裡來建立變數,並顯示結果</p> <button onclick="myFunction()">點選這裡</button> <p id="demo"></p> <script> function myFunction() { var carname = "volvo"; document.getElementById("demo").innerHTML = carname; } </script> <p>假設 y=5,計算 x=y+2,並顯示結果</p> <button onclick="myFunction()">點選這裡</button> <p id="demo"></p> <script> function myFunction() { var y = 5; var x = y + 2; var demoP = document.getElementById("demo"); demoP.innerHTML = "x=" + x; } </script> </body> </html>
參考資料:《菜鳥教程》