如何将值从HTML传递到Javascript，然后再传递回HTML？

<input type="text" id="inputValue">
<button onclick="getValue()">传递值</button>
<p id="outputValue"></p>

<script>
    function getValue() {
        var inputValue = document.getElementById("inputValue").value;
        // 在这里对inputValue进行处理
        document.getElementById("outputValue").innerHTML = inputValue;
    }
</script>

<input type="text" id="inputValue">
<p id="outputValue"></p>

<script>
    var inputElement = document.getElementById("inputValue");
    inputElement.addEventListener("input", function() {
        var inputValue = inputElement.value;
        // 在这里对inputValue进行处理
        document.getElementById("outputValue").innerHTML = inputValue;
    });
</script>

<input type="text" id="inputValue">
<button onclick="getValue(document.getElementById('inputValue').value)">传递值</button>
<p id="outputValue"></p>

<script>
    function getValue(inputValue) {
        // 在这里对inputValue进行处理
        document.getElementById("outputValue").innerHTML = inputValue;
    }
</script>