js获取input里面的值吗

<input type="text" id="myInput">
<button onclick="getValue()">获取值</button>

<script>
function getValue() {
    var inputValue = document.getElementById("myInput").value;
    console.log(inputValue);
}
</script>

<input type="text" class="myInputClass">
<button onclick="getValues()">获取值</button>

<script>
function getValues() {
    var inputs = document.getElementsByClassName("myInputClass");
    for (var i = 0; i < inputs.length; i++) {
        console.log(inputs[i].value);
    }
}
</script>

<input type="text">
<button onclick="getAllValues()">获取所有值</button>

<script>
function getAllValues() {
    var inputs = document.getElementsByTagName("input");
    for (var i = 0; i < inputs.length; i++) {
        console.log(inputs[i].value);
    }
}
</script>

<input type="text" id="myInput">
<button onclick="getValueWithJQuery()">获取值</button>

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
function getValueWithJQuery() {
    var inputValue = $("#myInput").val();
    console.log(inputValue);
}
</script>