Question

我需要创建一个以字符串形式接受用户输入的函数，然后在按下按钮时将其反转。到目前为止，我有反转它的功能，按钮和用户输入字段。但是我很难让它来回传递信息。

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);

Answer 1

应该是这样的：

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

Mantain你的html原样。仅将js部分更改为上述部分。

Answer 2

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

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

或者如果你纠正错误

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

这应该足够了。

JavaScript按钮/输入/功能，字符串反转

2 个答案: