"Native JS" keyboard events

Video player volume adjustment effect.

: "I'm ugly!" ~ But I have music and beer! ~

Html:

<!DOCTYPE HTML><HTML><Head>    <MetaCharSet= "UTF-8">    <title>Volume</title></Head><Body>    <DivID= "Volume_box">        <spanID= "Volume_show">100%</span>    </Div></Body></HTML>

Css:

<style> #volume_box{width:100px;Height:100px;Border-radius:50%;Border:3px #D9D9D9 Solid;Background-image:radial-gradient (Circle, White, #E3E4E2);Line-height:100px;text-align:Center; }#volume_show{font-size:25px;font-family:"Microsoft Jas Black";Font-weight:Bold;Color:Gray;vertical-align:Middle; }</style>

Js:

<script>onkeydown=function(e) {varE = Event | | window.event | | Arguments.caller.arguments[0], Count= document.getElementById (' volume_show '),                int=parseint (count.innerhtml); if(e && E.keycode = = = &&int> 0) {count.innerhtml=int-10 + '% '; }            if(e && E.keycode = = = &&int< 100) {count.innerhtml=int+ 10 + '% '; }        }    </script>

"Native JS" keyboard events