返回列表 發帖

練習九、互動式占卜小程式

本帖最後由 游東祥 於 2014-7-18 16:33 編輯

互動式占卜小程式
  1. <!DOCTYPE html>
  2. <html>
  3.   <head>
  4.     <meta charset="UTF-8">
  5.     <title>我的占卜小程式</title>
  6.   </head>
  7.   <body>

  8.     年:<input id="iyear" /><br />
  9.     月:<input id="imonth" /><br />
  10.     日:<input id="iday" /><br />
  11.     <button onclick="calc();">True Hard</button>
  12.     <div id="result">請輸入出生年月日。</div>

  13.     <script type="text/javascript">

  14.       function inputRange(msg,min,max) {
  15.         var value = parseInt(prompt(msg));
  16.         return Math.min(max, Math.max(min, value));
  17.       }

  18.       function calc() {
  19.         
  20.         var y = parseInt(document.getElementById("iyear").value);
  21.         var m = parseInt(document.getElementById("imonth").value);
  22.         var d = parseInt(document.getElementById("iday").value);

  23.         var r = ((y + m) * d) % 3;
  24.         var a = ["吉", "一般", "凶"];

  25.         var rHTML = "您輸入的日期是:" + y + "/" + m + "/" + d + "<br />" +
  26.                     "您的運勢是:" + a[r];

  27.         document.getElementById("result").innerHTML = rHTML;
  28.       }

  29.     </script>

  30.   </body>
  31. </html>
複製代碼

返回列表