無法顯示代碼

Question

我如何才能將這段代碼顯示在屏幕上？ 我正在制作一個程序，該程序會在字母順序錯誤時通知您，即字母ab會顯示d。 我的核心功能正常運行，但無法顯示它。 這是我到目前為止所得到的。 謝謝。

的HTML

<form id="Awesome">
  <label>Input Text Here: </label><input type="text" id="txtBox">
  <br><br>
  <label>Missing Letter: </label><input type="text" id="Results">
  <br><br>
  <input type="button" value="Calculate" id="Execute" onclick="displayMissingLetter()">
</form>

Java腳本

function displayMissingLetter(str) {
  var numbers = str.split('').map(function(letter) {
    return letter.charCodeAt(); 
  });

  for (var i = 0; i < numbers.length; i++){
    if (numbers[i+1] - numbers[i] > 1){
      return String.fromCharCode(numbers[i] + 1);
    }    
  }

  return undefined;
}

Answer 1

function displayMissingLetter() {
  var str = document.getElementById('txtBox').value;
  var letters = []; 

  var numbers = str.split('').map(function(letter) {
     return letter.charCodeAt(); 
  });


  for (var i = 0; i < numbers.length; i++){
    if (numbers[i+1] - numbers[i] > 1){
        letters.push(String.fromCharCode(numbers[i] + 1));
        }    
    }
  document.getElementById('Results').value = letters.join('');
  return undefined;
}

Answer 2

第一個問題是您沒有將任何參數傳遞給displayMissingLetter函數（ onclick="displayMissingLetter()" ）。 它期望將字符串作為第一個參數，這意味着您應該使用類似onclick="displayMissingLetter(txtBox.value)"來調用它

第二個問題是您對該函數的返回值不做任何事情，似乎您想將結果值設置為Results輸入的值。 如果是這樣，您可以執行以下操作： onclick="Results.value = displayMissingLetter(txtBox.value)"

另一種方法將使用類似下面的示例。

 function getMissingLetter(str) { var numbers = str.split('').map(function(letter) { return letter.charCodeAt(); }); for (var i = 0; i < numbers.length; i++){ if (numbers[i+1] - numbers[i] > 1){ return String.fromCharCode(numbers[i] + 1); } } return undefined; } Execute.onclick = function(){ var userInput = txtBox.value; var missingLetter = getMissingLetter(userInput); if(missingLetter){ Results.value = missingLetter; } } 

 <form id="Awesome"> <label>Input Text Here: </label><input type="text" id="txtBox"> <br><br> <label>Missing Letter: </label><input type="text" id="Results"> <br><br> <input type="button" value="Calculate" id="Execute"> </form>