提示條件語句

Question

我正在努力根據正確的用戶名/密碼為用戶提供兩張不同的圖片。 我有一個提示彈出窗口，讓用戶提供用戶名/密碼，在提供正確的憑據后，登錄圖片應該出現，如果憑據錯誤，注銷圖片應該出現。 我正在使用 getElementById 進行相應更改。 此時出現提示，但無圖片顯示。

<img src="user_in.PNG" id="user_in_id" hidden>
<img src="user_out.PNG" id="user_out_id" hidden>

<script> 
      
     var person = prompt("Please enter your name", ""); 
     var password = prompt("Please enter your password", "");
     if (person == "admin" && password =="admin") {
        alert("Welcome, You are now Logged in");
        document.getElementById("user_in_id");

      }else
        alert("wrong username or password");
        document.getElementById("user_out_id");
      
</script>

Answer 1

您必須將 function 應用於您的document.getElementById("user_in_id")選擇器，這會以某種方式使所選元素可見。

一種方法是使用document.getElementById("user_in_id").removeAttribute("hidden");從中刪除hidden屬性

您還忘記了將else語句括在大括號中以便正常工作。

 <img src="https://styles.redditmedia.com/t5_3obin/styles/communityIcon_5v6pv5kqz5241.PNG" id="user_in_id" hidden> <img src="https://public.blenderkit.com/thumbnails/assets/0992088bfb844c69bb6e426272970c8b/files/thumbnail_c858218a-4afc-4e94-b6b9-080f5e6c7066.jpg.256x256_q85_crop-%2C.jpg" id="user_out_id" hidden> <script> var person = prompt("Please enter your name", ""); var password = prompt("Please enter your password", ""); if (person === "admin" && password === "admin") { alert("Welcome, You are now Logged in"); document.getElementById("user_in_id").removeAttribute("hidden"); }else{ alert("wrong username or password"); document.getElementById("user_out_id").removeAttribute("hidden"); } </script>