Блокировать input range по клику

Question

Как я могу заблокировать input type range по клику ?

<template>
  <div>
    <input type="range" />
    <button>block/ unblock</button>
  <div>
</template>

поменять его цвет на синый (когда он заблокирован) если он не заблокирован - цвет серый

Answer 1

<input type="range" />
<button onclick="changeDisabled()">block/ unblock</button>

function changeDisabled(){
    var input = document.getElementsByTagName('input')[0];
    var val = input.getAttribute('disabled');
    if(val == null) input.setAttribute('disabled','disabled');
    else input.removeAttribute ('disabled');

}

БЛОГ НА HUSL

Блокировать input range по клику

Ответы (1 шт):