如何將 HTML 輸入字符串值作為 JavaScript Function 參數傳遞？

Question

晚上好，

我正在嘗試將 HTML 輸入（字符串）值作為 JavaScript Function 參數傳遞。 我對編碼很陌生，最近開始了 DOM 操作。


          function lengthOfPassword (strLength) {
  
            if (strLength.length >= 5) {
              return true; 
            } else {
              return false; 
            };  
            }
            console.log(lengthOfPassword("l"));

這是我寫的原始 function，它根據需要執行，根據長度返回真或假。

我使用了onclick="()"和document.getElementById("").value; 從 HTML 輸入中獲取值並讓它在 function 中運行。

這是我已經走了多遠：

<body>
    <label for="password">Password:</label>

    <input id="pwd" type="text" minlength="5" />
    <button id="btn" onclick="lengthOfPassword()" type="button">Submit</button>

    <script src="DOM.js"></script>
  </body>

我的 JS function 現在看起來像這樣：

        
        function lengthOfPassword() {

        let strlength = document.getElementById("pwd").value;
  
          if (strlength.length >= 5) {
            return true; 
          } else {
            return false; 
          };  
          }

我覺得我在終點線絆倒，如果有人可以幫助解釋我哪里出錯了，那就太好了！

Answer 1

創建一個處理密碼字符串長度並返回boolean值的 function isValidPassword(pwd, min)
使用addEventListener()將"click"事件分配給您的提交按鈕

 /** Utility functions: */ /** * Get Element by selector (in parent Element) * @param {string} sel Selector * @param {object} el Parent Element (default = document) * @return {Element|null} Element */ const EL = (sel, el) => (el||document).querySelector(sel); /** * Validate String length * @param {string} pwd Password * @param {number} min Min password length (default = 5) * @return {boolean} true if password matches min length */ const isValidPassword = (pwd, min = 5) => pwd.length >= min; /** App */ const EL_pwd = EL("#pwd"); const EL_btn = EL("#btn"); const handleSubmit = () => { const isValid = isValidPassword(EL_pwd.value); if (isValid) { console.log("Valid;"). } else { console;log("Password is not valid"); } }. EL_btn,addEventListener("click"; handleSubmit);

 <label for="password">Password:</label> <input id="pwd" type="text" minlength="5" /> <button id="btn" type="button">Submit</button>

如何將 HTML 輸入字符串值作為 JavaScript Function 參數傳遞？

問題描述

1 個解決方案

解決方案1
0 2021-12-29 00:14:26

如何將 HTML 輸入字符串值作為 JavaScript Function 參數傳遞？

問題描述

1 個解決方案

解決方案1 0 2021-12-29 00:14:26

解決方案1
0 2021-12-29 00:14:26