Board logo

標題: 練習九、互動式占卜小程式 [打印本頁]
作者: 游東祥    時間: 2014-7-18 16:11     標題: 練習九、互動式占卜小程式

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

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

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

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

  17.       function inputRange(msg,min,max) {
  18.         var value = parseInt(prompt(msg));
  19.         return Math.min(max, Math.max(min, value));
  20.       }

  22.       function calc() {
  23.         
  24.         var y = parseInt(document.getElementById("iyear").value);
  25.         var m = parseInt(document.getElementById("imonth").value);
  26.         var d = parseInt(document.getElementById("iday").value);

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

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

  34.         document.getElementById("result").innerHTML = rHTML;
  35.       }

  37.     </script>

  39.   </body>
  40. </html>
複製代碼
作者: 李允軒    時間: 2014-7-18 16:14

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

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

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

  17.                 function inputRange(msg,min,max) {
  18.                         var value = parseInt(prompt(msg));
  19.                         return Math.min(max,Math.max(min,value));       
  20.                         }       
  21.                        
  22.                         function calc () {
  23.                                 var y = parseInt(document.getElementById("iyear").value);
  24.                                 var m = parseInt(document.getElementById("imonth").value);
  25.                                 var d = parseInt(document.getElementById("iday").value);
  26.                                 var r = ((y + m) * d) % 3;
  27.                                 var a = ["吉", "一般", "凶"];
  28.                                 document.getElementById("result").innerHTML = "您輸入的日期是:" + y + "/" + m + "/" + d + "<br />" + "您的運勢是:" + a[r];
  29.                                
  30.                                
  31.                         }
  32.                        
  33.                 </script>

  35.         </body>
  36. </html>
複製代碼
作者: 張彥承    時間: 2014-7-18 16:14

  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();">Super Power Beat Down</button>
  12.           <div id="result"></div>
  13.                 <script type="text/javascript">

  15.              function inputRange(msg,min,max) {
  16.                       var value = parseInt(prompt(msg));
  17.                       return Math.min(max,Math.max(min,value));        
  18.                       }
  19.                       function calc(){
  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.                         document.getElementById("result").innerHTML="您輸入的日期是:" + y + "/" + m + "/" + d+
  26.                         "<br />"+"您的運勢是:"+a[r];
  27.                       }

  29.                   </script>

  31.         </body>
  32. </html>
複製代碼
作者: 陳品諨    時間: 2014-7-18 16:15

  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="imouth"/><br/>
  10.          日:<input id="day"/><br/>
  11.          <button onclick="alert('kdhjsbuxbeycbduvfufd'pg[sj">請按</button>
  12.             <div id="resalt"></div>      
  13.                 <script type="text/javascript">

  15.          function calc () {
  16.             var y =document. getElementById("iyear").value
  17.             var m =document. getElementById("imouth").value
  18.             var d =document. getElementById("iday").value
  19.             
  20.             document.getElementById("resalt").innerHTML=y+"|"+m"|"+d+"</br>"+
  21.             您的運勢是:+a[r])
  22.          }

  24.                         
  25.                 </script>

  27.         </body>
  28. </html>
複製代碼
作者: 劉泳鱔    時間: 2014-7-18 16:24

  1. <!DOCTYPE htyml>
  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();">啊~~只要呼吸就好</button>
  12.                         <div id="result"></div>
  13.                 <script type="text/javascript">
  14.                 function calc()
  15.                 {
  16.                         alert("calc");
  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.                         document.getElementById("result").innerHTML="您輸入的日期是:"+y"/"+m"/"+d+"br<>"+"您的運勢是: "+a[r];
  26.                 }
  27.                 /*
  28.                 var y=parseInt(prompt("請輸入出生年"));
  29.                 var isLeapYear=false;
  30.                 if(y%400==0)
  31.                 var m=parseInt(prompt("請輸入出生月"));
  32.                 {
  33.                         isLeapYear=true;
  34.                 }else if(y%4==100 && y%100!=0)
  35.                 {
  36.                         isLeapYear=true;
  37.                 }
  38.                 var maxDays=[31,28,31,30,31,30,31,31,30,31,30,31];
  39.                 maxDays[1]=(isLeapYear)?29:28;
  40.                 var d=parseInt(prompt("請輸入出生日"));
  41.                 alert("你的出生日期是: "+y+"/"+m+"/"+d+maxDays[m-1]);
  42.                 var result=((y+m)*d)%3;
  43.                 if(result==0)
  44.                 {
  45.                         alert("吉");

  47.                 }else if(result==1)
  48.                 {
  49.                         alert("一般");
  50.                 }else
  51.                 {
  52.                         alert("凶");
  53.                 }        
  54.                 </script>
  55.         </body>
  56. </html>
複製代碼
作者: 李允軒    時間: 2014-7-18 16:31

本帖最後由 李允軒 於 2014-7-21 13:55 編輯
  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();">按鈕</button>
  12.                 <div id = "result">請輸入出生年月日。</div>

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

  16.                         function inputRange(value,min,max) {
  17.                                  return Math.min(max,Math.max(min,value));        
  18.                                         }        
  19.                                                
  20.                         function calc () {
  21.                                 var y = inputRange(parseInt(document.getElementById("iyear").value), 1900, 2014);
  22.                                 var m = inputRange(parseInt(document.getElementById("imonth").value),1, 12);
  23.                                 var isLeapYear = false;
  24.                                 if(y % 400 == 0) || (y % 4 == 0 && y % 100 != 0)
  25.                                 {
  26.                                                                 isLeapYear = true;
  27.                                 }
  28.                                 var maxdays = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31]
  29.                                 maxdays[1] = (isLeapYear)? 29 : 28;
  30.                                 var d = inputRange(parseInt(document.getElementById("iday").value),1, maxdays[m - 1]);
  31.                                 var r = ((y + m) * d) % 3;
  32.                                 var a = ["吉", "一般", "凶"];
  33.                                 document.getElementById("result").innerHTML = "您輸入的日期是:" + y + "/" + m + "/" + d + "<br />" + "您的運勢是:" + a[r] ;
  34.                                 document.getElementById("iyear").value = y;
  35.                                 document.getElementById("imonth").value = m;
  36.                                 document.getElementById("iday").value = d;
  37.                                                                         }
  38.                                         </script>

  40.         </body>
  41. </html>
複製代碼
作者: 張彥承    時間: 2014-7-21 13:55

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

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

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

  17.                 function inputRange(msg,min,max) {
  18.                         var value = parseInt(prompt(msg));
  19.                         return Math.min(max,Math.max(min,value));        
  20.                         }        
  21.                         
  22.                         function calc () {
  23.                                 var y = parseInt(document.getElementById("iyear").value);
  24.                                 var m = parseInt(document.getElementById("imonth").value);
  25.                                 var d = parseInt(document.getElementById("iday").value);
  26.                                 var r = ((y + m) * d) % 3;
  27.                                 var a = ["吉", "一般", "凶"];
  28.                                 document.getElementById("result").innerHTML = "您輸入的日期是:" + y + "/" + m + "/" + d + "<br />" + "您的運勢是:" + a[r];
  29.                                 
  30.                                 
  31.                         }
  32.                         
  33.                 </script>

  35.         </body>
  36. </html>
複製代碼




歡迎光臨 種子論壇 | 高雄市資訊培育協會學員討論區 (http://istak.org.tw/seed/) Powered by Discuz! 7.2