자바스크립트 초보자 질문좀드립니다..

[익명(14.55)]

  <div>

    <input type="range" min="0" max="3" id="med1">

    <label for="med1" id="med1-label">1</label>

  </div>

  <script>

    const med1 = document.getElementById("med1");

    const med1Label = document.getElementById("med1-label");

    // console.log(med1.value);

    const setLabel = event => {

      event.target.nextElementSibling.textContent = event.target.value;

    };

    med1.addEventListener("change", setLabel);

위 코드에서 med1Label을 지정할 수 있는 권장되는 방법이 뭐가 있을까요..

nextElementSibling은 문제가 될거같아서요..