有趣的對話框
開發工具與關鍵技術 vs與jQuery
作者：戴怡斌
撰寫時間：2019年4月2日
下面就來看一個簡單的案列，輸出與交互，說明白一點就是提示框，我自己理解的是提示框的一種，因爲都有提示的意思。
打開vs創建這些不多說，創建完後，先引用js，不然$會一直會報錯，
按鈕樣式自己設置，我的是最簡單的
<button style="width:200px ;height:200px;font-size:28px;margin:auto 50% ;" id="duihua">點我進入</button>
再給自己設置的按鈕一個點擊事件
$("#duihua").click(function () {})；
之後定義一個變量，變量名自己寫，prompt是對話框
var condrf = prompt(“請輸入您的用戶名”);
然後就是判斷了，隨自己喜歡，我判斷的是輸入的內容不能爲空所觸發的事件，反之亦然。
if (condrf != null) {} else {}
判斷用戶輸入的內容後，彈出提示框，提示框的樣式隨自己寫，
condrf變量加上自己要輸入的內容，condrf變量等於輸入的用戶名，
alert(condrf
- " 歡迎來到魔法大陸");
之後就是在if裏面在鑲嵌一個if，還有在定義一個變量
var sex = prompt(“請問您來自那方陣容，已有陣容：魂骨島，飛靈門，火之國，天靈谷”);
然後在做判斷，判斷輸入的內容必須有魂骨島，飛靈門，火之國，天靈谷這四個值，在if裏直接判斷多個條件用||兩條豎線：or就可以了
if (sex == “魂骨島” || sex == “飛靈門” || sex == “火之國” || sex == “天靈谷”) {}
有選擇就彈出不存在的提示框
else{
alert (“當前陣容不存在”); }
後面的大部分都是這樣重複，
一直到這句if (gon == sex) { alert(“不能攻打本方陣容”); }，圖上能看到。
其實就賦值的問題。
var gon = prompt(abb + " 準備攻打哪一方勢力");
賦的值等於你定義值或是不等於。想看效果圖只能自己動手打了
現在來看效果圖，樣式很醜，
圖2
還有就是如果圖中四個值都不選，彈出提示框“當前陣容不存在”，之後就結束對話，因爲我還不會打返回上一步的代碼。