Javascript 按“显示文本框中的值”；输入“；钥匙_Javascript_Html

Javascript 按“显示文本框中的值”；输入“；钥匙

javascript html

Javascript 按“显示文本框中的值”；输入“；钥匙,javascript,html,Javascript,Html,我有一个文本框，用户在文本框中键入两个单词，然后按Enter键。按enter键后，两个单词应按相反顺序显示（即第一个单词第二个单词）。例如，用户键入“Sara Waka”。显示的文本应为“Waka Sara”。我该怎么做 <body> Enter Full Name: <input id="name" name="name" type="text" /> <br /><br /> <script>

我有一个文本框，用户在文本框中键入两个单词，然后按Enter键。按enter键后，两个单词应按相反顺序显示（即第一个单词第二个单词）。例如，用户键入“Sara Waka”。显示的文本应为“Waka Sara”。我该怎么做

    <body>
    Enter Full Name: <input id="name" name="name" type="text" />
    <br /><br />

    <script>
        var fname = document.getElementById("name").value;

    </script>

</body>


输入全名：



var fname=document.getElementById（“名称”）.value；

希望此代码能解决您的问题：

  <body>
      Enter Full Name: <input id="name" name="name" type="text" />
      <br /><br />
      <script>
        document.addEventListener('keyup',function(event){
          var inputBox, val;
          if(event.keyCode === 13){
            inputBox = document.getElementById('name');
            val = inputBox.value;
            inputBox.value = val.split(" ").reverse().join(" ");
          }
        });
     </script>
  </body>


输入全名：



document.addEventListener（'keyup'，函数（事件）{
var输入框，val；
如果（event.keyCode===13）{
inputBox=document.getElementById（'name'）；
val=inputBox.value；
inputBox.value=val.split（“”）.reverse（）.join（“”）；
}
});

请参阅此

您能否向我们展示您自己执行此任务的进度？请按空格字符分割字符串，然后进行验证以确保您有2个元素（如果没有，请决定如何操作），然后在再次使用空格字符连接之前交换元素。

var nameInput = document.getElementById('name');
nameInput.addEventListener('keyup', function(e) {
  if (e.keyCode === 13) {
    var words = nameInput.value.split(' ');
    if (words.length === 2) {
      nameInput.value = words[1] + ' ' + words[0];
    }
    else {
      console.log('must be exactly 2 words');
    }
  }
});