JavaScript按钮/输入/函数，字符串反转

JavaScript Button/Input/Function, string reversal

本文关键字：字符串 函数 按钮 输入 JavaScript      更新时间：2023-09-26

我需要制作一个函数，以字符串的形式接受用户输入，然后当按下按钮时，返回相反的结果。到目前为止，我有反转它的功能，按钮和用户输入字段。然而，我很难让它来回传递信息。

Html:
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>String reverser</title>
 <!-- imports script containing function-->
    <script type="text/javascript" src="problem23.js"></script>
</head>
<body>
<form>
<!--defines user input field-->
    <input title="userinput" type="text" id="inputValueId" name="inputId"/> 
<!--defines button which calls on the reverse function in javascript file-->
    <button name="reverseButton" type="submit" id="btn1" onclick="reverse()">Click me!</button>
</form>
</body>
</html>
function reserve(conversionHolder){
    //picks up value
    var userInput= document.getelementById("inputValueId").value;
    //converts value
    var conversionHolder= userInput.split('').reverse().join('');
    //passes value outside of function?
    return conversionHolder;
}//end reverse
//sets userinput field to the reversed string
document.getElementById('inputValueId').value = reverse(conversionHolder);

应该是这样的：

function reserve(){
    //picks up value
    var userInput= document.getElementById("inputValueId").value;
    //convert and sets value
     document.getElementById('inputValueId').value = userInput.split('').reverse().join(''); 
}//end reverse

按原样覆盖你的html。只将js部分改为上面的部分。

不要传递参数，它会给你和未定义的值，你不需要它。

document.getElementById('inputValueId').value = reserve();

或者如果你纠正了错误的

document.getElementById('inputValueId').value = reverse();

这就足够了。

相关文章：