尽管在代码中明确说明了该程序不返回空值，是否有原因？

问题描述

我目前正在构建一个网站，以了解有关 HTML 如何与 CSS 和 JS 交互的更多信息。我的目标是让用户输入不少于 256 个字符（最少：256 个字符），选择 ASCII 或 EBCDIC，然后点击“运行！”按钮以 ASCII 或 EBCDIC 格式打印字符串。我面临两个挑战：尽管在 JS 文件中说明了这一点，但我无法让程序返回空值（如果字符串的长度小于 256 个字符）。此外，我已经编写了打印出 ASCII 的代码，但是在将 ASCII 和 EBCDIC 与供用户选择的单选按钮集成在一起时遇到了麻烦。下面是我写的代码：

function myFunction() {
  let str = document.getElementById("text_id");
  if (str.value == "" && str.length >= 256) {
    str.focus();
    return;
  } else if (str.value == "" && str.length < 256) {
    return null;
  }
  let a = "ASCII Code is == >  ";
  document.getElementById("demo").innerHTML = a + str.value.charCodeAt(0);
}

body {
  font: 12pt Arial;
}

input[type=radio]+label::before {
  border-radius: 10px;
}

input {
  border: 2px solid currentcolor;
}

input:invalid {
  border: 2px dashed red;
}

input:invalid:focus {
  background-image: linear-gradient(pink,lightgreen);
}

<body style="text-align:center;">
  <label for="text">Enter a text that is at least 256 characters long</label>
  <input type="text" id="text_id" name="text" minlength="256">

  <p>Select the following:</p>
  <div>
    <input id="ascii" type="radio" name="encoding" value="ascii">
    <label for="ascii">ASCII</label>
  </div>
  <div>
    <input id="ebcdic" type="radio" name="encoding" value="ebcdic">
    <label for="ebcdic">EBCDIC</label>
  </div>
  <button onclick="myFunction()" type="button">"Run!"</button>
  <label for="button">"Run!"</label>
  <p id="demo" style="color:red;">
</body>

尽管我输入的字符串长度小于 256，但我无法理解为什么程序返回 ASCII 值。我想确保用户只能输入长度为 256 或更大的字符串。还想知道如何确保用户在提交字符串之前选择单选按钮（ASCII 或 EBCDIC）。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

ebcdic html javascript