Fullscreen range input test

by juberti

HTML

<div>
<button id="foo">Fullscreen</button>
<input id="bar" type="range" min="0" max="100" value="100" jsname="yjfPke" jsaction="input:YimOgd" class="PV40Jb QAAyWd xO1ZIf" style="background-image: linear-gradient(to right, rgb(214, 59, 56) 0%, rgb(214, 59, 56) 100%, rgba(0, 0, 0, 0.3) 100%, rgba(0, 0, 0, 0.3) 100%); background-position: initial initial; background-repeat: initial initial;" onchange="slide()">
</div>

CSS

div {
  margin: auto;
  width: 25%;
  padding: 100px 10px 10px 10px;
}

JavaScript

foo.onclick = () => {document.body.webkitRequestFullscreen(); };

function slide() {
  console.log(bar.value);
}

setInterval(() => { bar.value = 50; }, 10000);