KSSVINAY CODING PLATFORM

Document NEW TICKET NEXT start pause clear set time: set time after how many seconds you want next number automatically

 DISABLE USER SELECTION DISABLING USER SELECTION  means user can't select anything in our website see sometimes we can select text from other webpages and we will copy it in our document  coding like this allow no user select any text or images from our website using this code in our document reduces the risk of copy right  <! DOCTYPE   html > < html   lang = "en" > < head >      < meta   charset = "UTF-8" >      < meta   http-equiv = "X-UA-Compatible"       content = "IE=edge" >      < meta   name = "viewport"        content = "width=device-width,      initial-scale=1.0" >      < title > Document </ title > </ head > < body >      < p >         Lorem ipsum dolor sit amet          consectetur adipisicing elit.         Quaerat eaque deserunt          voluptate quo cumque beatae         odit pariatur illo adipisci         error, ipsum magnam,         sint tota

 USER INPUT VALUE <! DOCTYPE   html > < html   lang = "en" > < head >      < meta   charset = "UTF-8" >      < meta   http-equiv = "X-UA-Compatible"        content = "IE=edge" >      < meta   name = "viewport"        content = "width=device-width,       initial-scale=1.0" >      < title > Document </ title > </ head > < body >      < input   type = "text"   name = ""   id = "input" >      < button   onclick = " my() " > click </ button >      < script >          function  my(){              var  x =            document.getElementById( "input" ).value             alert(x)         }      </ script > </ body > </ html > code like this so that you can access the value entered in input field and you can use it any where in the document remember to use ( . )dot   coding like this you

 AUTO FOCUS ON RELOAD <! DOCTYPE   html > < html   lang = "en" > < head >      < meta   charset = "UTF-8" >      < meta   http-equiv = "X-UA-Compatible"        content = "IE=edge" >      < meta   name = "viewport"        content = "width=device-width,       initial-scale=1.0" >      < title > Document </ title > </ head > < body >      < input   type = "text"   name = ""   id = "input" >      < script >         window.onload =  function (){             document.getElementById( "input" ).focus();         }      </ script > </ body > </ html > focus() The focus() method is used to focus an element  note: use blur() to remove focus from an element  syntax :: document.getElementById("id").focus() and it has no parameters we can add function also when an html object is focused  <!DOCTYPE htm

TEXT WRITING IN VERTICAL DIRECTION     PLEASE SUBSCRIBE MY YOUTUBE CHANNEL <! DOCTYPE   html > < html   lang = "en" > < head >      < meta   charset = "UTF-8" >      < meta   http-equiv = "X-UA-Compatible"        content = "IE=edge" >      < meta   name = "viewport"        content = "width=device-width,       initial-scale=1.0" >      < title > Document </ title >      < style >          body {              height :  100vh ;              display : flex;                justify-content : center;              align-items : center;              background : darkblue;         }          div {              height :  300px ; width :  50px ;              text-transform : uppercase;              background-color : darkorange;              color : whitesmoke;              /* actual code starts here*/              writing-mode : vertical-lr;              text-orientation : upright;   

PASSWORD EYE PLEASE WATCH MY YOUTUBE CHANNEL  @KSSVINAY this is the code for what you see in the images NOTE : image will not be visible in your computer because the source of image is my computer,  not yours check end of this page to download those eye images this code generates a input field with eye icon to right of it which is used to view or hide password characters  when the characters are visible then if you click on it then characters change into dots and when the dots are visible if you click on the eye icon then the dots change into characters this helps you to protect your password from others when you are typing <! DOCTYPE   html > < html   lang = "en" > < head >      < meta   charset = "UTF-8" >      < meta   http-equiv = "X-UA-Compatible"   content = "IE=edge" >      < meta   name = "viewport"   content = "width=device-width, initial-scale=1.0" >      < title > Document &

HIDE SPIN BUTTONS IN HTML INPUT FIELD when we use the input field like below to input only numbers <input type = "number">  then spin buttons makes the user experience low so now the question is how to remove them  please watch this video to know how to hide spin buttons in html input field in this video I shown how to hide spin buttons otherwise  see the code below <style>     input::-webkit-outer-spin-button ,     input::-webkit-inner-spin-button{               display:none; } </style> NOTE : this code only works when you set display property to none for both buttons there are many other webkit extensions in  css they are:: -webkit-animation-trigger -webkit-app-region -webkit-appearance -webkit-aspect-ratio -webkit-backdrop-filter -webkit-background-composite -webkit-border-after -webkit-border-after-color -webkit-border-after-style -webkit-border-after-width -webkit-border-before -webkit-border-before-color -webkit-border-before-style -webkit-border-befor

  HOW TO SELECT MULTIPLE FILES IN HTML INPUT TAG see in the image I selected more than 1 image by clicking on choose files button  to code like this you have to add  attribute "multiple" in the HTML input tag like this  <input type="file" multiple> by writing code like this you can select multiple images for uploading files in HTML HTML INPUT TYPES:: <input type="button"> <input type = "checkbox"> <input type = "color"> <input type = "date"> <input type = "datetime-local"> <input type = "file"> <input type = "email"> <input type = "hidden"> <input type = "image"> <input type = "month"> <input type = "number"> <input type = "password"> <input type = "radio"> <input type = "range"> <input type = "reset"> <input type = "

  CODE FOR CALCULATING DETERMINANT OF A   MATRIX   written below is the code for calculating determinant of a matrix using html ,css and javascript <! DOCTYPE   html > < html   lang = "en" > < head >      < meta   charset = "UTF-8" >      < meta   http-equiv = "X-UA-Compatible"   content = "IE=edge" >      < meta   name = "viewport"   content = "width=device-width, initial-scale=1.0" >      < title > Document </ title >      < style >          /* disable spin buttons on input field . this is not necessary          without this if you use attributes in input field          we can get what we required(type = text , input= numeric)/         input::-webkit-outer-spin-button,         input::-webkit-inner-spin-button {             -webkit-appearance: none;             margin: 0;         }            input[type=number] {             -moz-appearance: textfield;         }/upto here