Javascript 如何对多个输入元素使用onchange函数？

我希望有一个函数，用标记名input注册其中一个输入元素的更改。可能吗？它不像我现在编写的那样工作，我也没有收到任何控制台错误

<input type="text" id="inpBredde" placeholder="Bredde: ">
    <input type="text" id="inpHoyde" placeholder="Høyde: ">
    <label>Farge: <input type="color" id="inpFarge"></label>
    <label>Avrunding<input type="range" min="0" max="50" id="inpAvrunding"></label>
    <input type="text" id="inpxpos" placeholder="X posisjon:">
    <input type="text" id="inpypos" placeholder="Y posisjon:">
    <div id="div"></div>
    <script>
        var inpBredde = document.getElementById("inpBredde");
        var inpHoyde = document.getElementById("inpHoyde");
        var inpFarge = document.getElementById("inpFarge");
        var inpAvrunding = document.getElementById("inpAvrunding");
        var inpxpos = document.getElementById("inpxpos");
        var inpypos = document.getElementById("inpypos");
        var inputs = document.getElementsByTagName("input");
        inputs.onchange = function () {
            console.log("Hi");
        }
    </script>

法基：
阿夫伦丁
var inpBredde=document.getElementById（“inpBredde”）；
var inpHoyde=document.getElementById（“inpHoyde”）；
var inpFarge=document.getElementById（“inpFarge”）；
var inpAvrunding=document.getElementById（“inpAvrunding”）；
var inpxpos=document.getElementById（“inpxpos”）；
var inpypos=document.getElementById（“inpypos”）；
var inputs=document.getElementsByTagName（“输入”）；
inputs.onchange=函数（）{
控制台日志（“Hi”）；
}

var-inpBredde=document.getElementById（“inpBredde”）；
var inpHoyde=document.getElementById（“inpHoyde”）；
var inpFarge=document.getElementById（“inpFarge”）；
var inpAvrunding=document.getElementById（“inpAvrunding”）；
var inpxpos=document.getElementById（“inpxpos”）；
var inpypos=document.getElementById（“inpypos”）；
var inputs=document.getElementsByTagName（“输入”）；
document.queryselectoral（“input”）.forEach（inpt=>inpt.addEventListener（'change'，function（）{
控制台日志（“Hi”）；
}))

法基：
阿夫伦丁

这是如何工作的？@vicconicco？