我在嘗試創建一個函數來讀取從滑塊獲得的值然后根據其值以不同顏色顯示它時遇到了很多麻煩。這是我到目前為止的代碼：function slider() {  document.getElementById("formControlRange").oninput = function() {    percentagem()  };}function percentagem() {  var val = document.getElementById("formControlRange").value document.getElementById('formOutput').innerHTML = val  if ($("#formControlRange").val() >=    50) {    $("#formOutput").addClass("alert-sucess");  } else {    $("#formOutput").addClass("alert-danger");  }}console.log(val)}<div class="form-row">  <div class="form-group col-md-6">    <label for="formControlRange">Com que percentagem recomendaria o Bootstrap a terceiros?</label>    <input type="range" class="form-control-range" id="formControlRange" onchange="slider()" min="0" max="100">  </div>  <div class="form-group col-md-6">    <h1><output id="formOutput" class=""></output></h1>  </div></div>