【程式碼筆記】Web-JavaScript-JavaScript switch語句
阿新 • • 發佈：2018-12-19
一，效果圖。
二，程式碼。
<!DOCTYPE html>
<html> <head> <meta charset="utf-8"> <title>javascript switch語句</title> </head> <body> <p>點選下面的按鈕來顯示今天是周幾：</p> <button onclick="myFunction()">點選這裡</button> <p id="demo"></p> <script> function myFunction() { var x; var d = new Date().getDay(); switch (d) { case 0: x = "Today it's Sunday"; break; case 1: x = "Today it's Monday"; break; case 2: x = "Today it's Tuesday"; break; case 3: x = "Today it's Wednesday"; break; case 4: x = "Today it's Thursday"; break; case 5: x = "Today it's Friday"; break; case 6: x = "Today it's Saturday"; break; } document.getElementById("demo").innerHTML = x; } </script> <p>點選下面的按鈕,會顯示出基於今日日期的訊息</p> <button onclick="myFunction()">點選這裡</button> <p id="demo"></p> <script> function myFunction() { var x; var d = new Date().getDay(); switch (d) { case 6: x = "today is saturday"; break; case 0: x = "today is sunday"; break; default: x = "looking forward to the weekend"; } document.getElementById("demo").innerHTML = x; } </script> </body> </html>
參考資料：《菜鳥教程》
一，效果圖。
二，程式碼。
<!DOCTYPE html>
<html> <head> <meta charset="utf-8"> <title>javascript switch語句</title> </head> <body> <p>點選下面的按鈕來顯示今天是周幾：</p> <button onclick="myFunction()">點選這裡</button> <p id="demo"></p> <script> function myFunction() { var x; var d = new Date().getDay(); switch (d) { case 0: x = "Today it's Sunday"; break; case 1: x = "Today it's Monday"; break; case 2: x = "Today it's Tuesday"; break; case 3: x = "Today it's Wednesday"; break; case 4: x = "Today it's Thursday"; break; case 5: x = "Today it's Friday"; break; case 6: x = "Today it's Saturday"; break; } document.getElementById("demo").innerHTML = x; } </script> <p>點選下面的按鈕,會顯示出基於今日日期的訊息</p> <button onclick="myFunction()">點選這裡</button> <p id="demo"></p> <script> function myFunction() { var x; var d = new Date().getDay(); switch (d) { case 6: x = "today is saturday"; break; case 0: x = "today is sunday"; break; default: x = "looking forward to the weekend"; } document.getElementById("demo").innerHTML = x; } </script> </body> </html>
參考資料：《菜鳥教程》