js获取input value

<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="myInput">
<button onclick="getValues()">获取值</button>

<script>
function getValues() {
    var inputs = document.getElementsByClassName('myInput');
    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" class="myInput">
<button onclick="getValueWithQuery()">获取值</button>

<script>
function getValueWithQuery() {
    var inputValue = document.querySelector('.myInput').value;
    console.log(inputValue);
}
</script>