2019/0219/Javascript終極密碼&musicplay&asp.net驗證器

js

應用1 終極密碼

現在JS多寫於</body>前

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
</head>
<body>

    <script>
        //終極密碼
        var pass = Math.floor((Math.random() * 99) + 1);   //隨機產生1~99
        //document.write(pass);

        var intMax = 100, intMin = 0;

        while (true) {
            pwd = prompt("終極密碼" + intMin + "-" + intMax + ":", "");
            //alert(pwd);

            if (pwd == null) {
                alert("您取消遊戲!!");
                break;
            }

            if (pwd-0 >= intMax || pwd-0 <= intMin || isNaN(pwd) || pwd.indexOf(".")!=-1) {
                alert("請輸入範圍內的值!!");
                continue;
            }


            if (pass == pwd) {
                alert("猜對了");
                break;
            }
            else if (pass > pwd) {
                //alert("猜錯了");
                intMin = pwd;
            }
            else if (pass < pwd) {
                //alert("猜錯了");
                intMax = pwd;
            }
        }
    </script>
</body>
</html>

Math.Random ( )

取亂數取 0 <= x < 1 之間之值

Math.floor ( )

取無條件捨入到最接近參數之值

else if ( 條件 ) { 函數 }

搜尋到符合( 條件 )才執行 { 函數 }

js裡面整數跟浮點數型態沒有區別，可以藉由輸入 . 檢測

isNaN 布林值判斷是否非數字資料

indexOf( ) 尋找位址如果沒有則顯示-1

prompt抓得值其實是字串型態，輸入50 => "50"，

只要後面多數字運算就會進行隱含轉換為數字型態

字串跟字串運算是比較內碼

應用2 musicplay

以前

外掛硬體使用軟體 flash play

瀏覽器本身其實沒辦法播放影片

HTML5 <audio> 開始支援可以操控api

應用程式介面（英語：application programming interface，縮寫作API），又稱為應用編程介面，就是軟體系統不同組成部分銜接的約定。

應用程式介面 - 維基百科，自由的百科全書zh.wikipedia.org

tag name 可以跟id跟變數同樣姓名

var x = 欸柯斯在js中運算符號左右不用相同型別會自動判斷為相同型別並作置換

 var audio = document.getElementById("audio");

但在c#就必須很嚴謹找出audio的容器

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
    <style>
        #play, #stop {
            border: 2px solid;
            box-shadow: 3px 3px 3px black;
            cursor: pointer;
        }
    </style>
</head>
<body>

    <audio id="audio">
        <source src="music/nothing.mp3" type="audio/mpeg" />
    </audio>

    <span id="play" onclick="PlayMusic()">播放</span>
    <span id="stop" onclick="StopMusic()">停止</span>


    <script>
        var audio = document.getElementById("audio");

        function PlayMusic() {
            audio.load();
            audio.play();
        }
        function StopMusic() {
            audio.pause();
        }

    </script>
</body>
</html>

asp驗證器

每個驗證器功能不同且單一

必須要組合起來

ex. 1.必填 2.為數字 3... 4... 5...

RangeValidator

不只是數字也可以套用在日期

asp.net webfroms 必須指定type因為後端運算是c#

vs裡面板手圖案為屬性，物件為淡藍色字

DateTime 取得執行這個程式碼的主機的時間資料

RegularExpressionValidator

驗證相關聯之輸入控制項的值，是否符合規則運算式指定的模式。

_ _ _ _ _

第一碼 A-C

第二碼a-z

<asp:RegularExpressionValidator ID="RegularExpressionValidator1" 
ControlToValidate="txtAccount" ValidationExpression="[ABC][A-Za-z0-9]{4}"
 runat="server" ErrorMessage="(格式有誤)" 
ForeColor="Red" Font-Size="10pt"></asp:RegularExpressionValidator>