我创建了一个值为 1-5 的范围滑块。如何添加警告消息，在用户设置的值大于 2 时提醒用户

问：

我使用了一个引导范围滑块，并使用 JavaScript 将范围值设为 1 到 5。现在我需要知道如何发出某种弹出警告消息，说明如果范围值超过 2，则范围值过高。

Html:

 <input type="range"  class="form-range" name="depth" id="depth_area" value="0" min="0" max="5">
                <p>Value: <span id="value"></span></p>

JavaScript的：

 var slider = document.getElementById("depth_area");
    var output = document.getElementById("value");
    output.innerHTML = slider.value;

    slider.oninput = function () {
      output.innerHTML = this.value;

};