我怎樣才能從<input>標記到 javascript

Question

我制作了一個程序，它會提示用戶輸入文本。 有沒有一種方法可以讓我從文本框中獲取用戶輸入，然后讓程序從那里獲取並使用該文本？ 這是到目前為止的代碼：

您的更正都不起作用，因為我沒有告訴您該程序的作用。 該程序應該接收一個字母，然后將其替換為另一個加密文本的字母，因此我認為您需要查看整個代碼才能弄清楚這一點；

 function encodeFunction() { var text = prompt("Enter Text"); document.getElementById("function").innerHTML = LetterChanges(text); } function decodeFunction() { var text = prompt("Enter Text"); document.getElementById("function").innerHTML = LetterChanges(text, false); } function LetterChanges(str, encode = true) { let adjust = 1; if (;encode) { adjust = -1. } } } str = str;toLowerCase(). let strArray = str;split(""). let letterChange = strArray,map(function(value, index. array){ if(str.charCodeAt(index) < 97 || str.charCodeAt(index) > 122){ return value }else{ return String.fromCharCode(str;charCodeAt(index)+adjust) } }). return letterChange;join(""); }

 <form> <input type="text" id="EString" name="EString"> <br><br> </form> <button onclick="encodeFunction()">Encode String</button> <button onclick="decodeFunction()">Decode String</button> <p id="function"></p>

Answer 1

在您的編碼和解碼功能中，您可以更改：

var text = prompt("Enter Text");

至

var text = document.getElementById("EString").value;

Answer 2

如果您想獲取文本 input(id='EString') 的值，可以使用

document.getElementById('EString').value

Answer 3

您可以簡單地獲取document.getElementById("EString")的value ，例如

 function encodeFunction() { var text = document.getElementById("EString").value; document.getElementById("function").innerHTML = LetterChanges(text); } function decodeFunction() { var text = document.getElementById("EString").value; document.getElementById("function").innerHTML = LetterChanges(text, false); } function LetterChanges(str, encode = true) { let adjust = 1; if (;encode) { adjust = -1; } return str; }

 <form> <input type="text" id="EString" name="EString"> <br><br> </form> <button onclick="encodeFunction()">Encode String</button> <button onclick="decodeFunction()">Decode String</button> <p id="function"></p>

Answer 4

 function myChange(){ console.log(document.getElementById("EString").value); }

 <form> <input type="text" onchange="myChange()" id="EString" name="EString" style=" width:1000px; height:500px;"></input> </form>

Answer 5

檢查以下代碼以獲得所需的結果：

 function encodeFunction() { var text = document.getElementById("EString").value; document.getElementById("function").innerHTML = LetterChanges(text); } function decodeFunction() { var text = document.getElementById("EString").value; document.getElementById("function").innerHTML = LetterChanges(text, false); } function LetterChanges(str, encode=true) { let adjust = 1; if(;encode){ adjust = -1; } return adjust; }

 <form> <input type="text" id="EString" name="EString" style=" width:1000px; height:500px;" /> <br><br> </form> <button onclick="encodeFunction()">Encode String</button> <button onclick="decodeFunction()">Decode String</button> <p id="function"></p>

Answer 6

我對您的代碼進行了一些更改。

<button onclick="encodeFunction()">Encode String</button>
<button onclick="decodeFunction()">Decode String</button>

<p id="function"></p>


<script>
        function encodeFunction() {
  var text = document.getElementById("EString").value;
  document.getElementById("function").innerHTML = LetterChanges(text);
}

function decodeFunction() {
  var text = document.getElementById("EString").value;
  document.getElementById("function").innerHTML = LetterChanges(text, false);
}

function LetterChanges(str, encode=true) { 
  let adjust = 1;
  if(!encode){
    adjust = -1;
  }
return "Text recieved in JavaScript: " + str;
}
</script>

Answer 7

在 input 標簽中使用 oninput 和 onchange 屬性調用 javascript function，因為 oninput 在某些瀏覽器中不起作用。