JavaScript Utils

This page is made to be seem as a source code.
Right click somewhere in the page and click "View Source Code".
After it is done, copy paste any of the inputs you need.

####### LIST #######


~*~ TEXTS:

input style="width:1%;"
input style="width:2%;"
input style="width:3%;"
input style="width:5%;"
input style="width:7%;"
input style="width:10%;"
input style="width:12%;"
input style="width:25%;"
input style="width:33%;"
input style="width:40%;"
input style="width:50%;"
input style="width:67%;"
input style="width:70%;"
input style="width:75%;"
input style="width:80%;"
input style="width:82%;"
input style="width:90%;"
input style="width:95%;"
input style="width:100%;"

input style="width:8px;"
input style="width:12px;"
input style="width:16px;"
input style="width:24px;"
input style="width:32px;"
input style="width:48px;"
input style="width:64px;"
input style="width:72px;"
input style="width:80px;"
input style="width:96px;"
input style="width:112px;"
input style="width:128px;"
input style="width:144px;"
input style="width:160px;"
input style="width:176px;"
input style="width:192px;"
input style="width:208px;"
input style="width:224px;"
input style="width:240px;"
input style="width:255px;"
input style="width:256px;"
input style="width:320px;"
input style="width:480px;"
input style="width:512px;"
input style="width:640px;"
input style="width:800px;"
input style="width:1024px;"

input type="number" style="width:42px;" max=255 min=0
input type="number" style="width:42px;" min=0
input type="number" style="width:42px;"

input type="number" style="height:24px; width:42px;" max=255 min=0
input type="number" style="height:16px; width:42px;" max=255 min=0
input type="number" style="height:12px; width:42px;" max=255 min=0
input type="number" style="height:8px; width:42px;" max=255 min=0

input type="number" style="height:24px; width:42px;" min=0
input type="number" style="height:16px; width:42px;" min=0
input type="number" style="height:12px; width:42px;" min=0
input type="number" style="height:8px; width:42px;" min=0

input type="number" style="height:24px; width:42px;"
input type="number" style="height:16px; width:42px;"
input type="number" style="height:12px; width:42px;"
input type="number" style="height:8px; width:42px;"

~*~ SLIDERS:


0.0 = ms // JS text here!
input type="range"
min="-100" max="100"
value="0" style="width:40%;"
class="slider" id="Slider1"

0.0 = ms // JS text here!
input type="range"
min="-100" max="100"
value="0" style="height:7px; width:40%;"
class="slider" id="Slider2"


0.0 = ms // JS text here!
input type="range"
min="0" max="100"
value="0" style="width:40%;"
class="slider" id="Slider3"

0.0 = ms // JS text here!
input type="range"
min="0" max="100"
value="0" style="width:40%;"
class="slider" id="Slider4"



0.0 = ms // JS text here!
input type="range"
min="0" max="100"
value="0" style="width:12%;"
class="slider" id="Slider1"

0.0 = ms // JS text here!
input type="range"
min="0" max="100"
value="0" style="width:33%;"
class="slider" id="Slider1"

0.0 = ms // JS text here!
input type="range"
min="0" max="100"
value="0" style="width:50%;"
class="slider" id="Slider1"

0.0 = ms // JS text here!
input type="range"
min="0" max="100"
value="0" style="width:67%;"
class="slider" id="Slider1"

0.0 = ms // JS text here!
input type="range"
min="0" max="100"
value="0" style="width:75%;"
class="slider" id="Slider1"

0.0 = ms // JS text here!
input type="range"
min="0" max="100"
value="0" style="width:80%;"
class="slider" id="Slider1"

0.0 = ms // JS text here!
input type="range"
min="0" max="100"
value="0" style="width:90%;"
class="slider" id="Slider1"

0.0 = ms // JS text here!
input type="range"
min="0" max="100"
value="0" style="width:95%;"
class="slider" id="Slider1"

0.0 = ms // JS text here!
input type="range"
min="0" max="100"
value="0" style="width:100%;"
class="slider" id="Slider1"

~*~ BUTTONS:

~*~ TEMPLATES:


input id="a" style="width: 127px;"
input type="button" onclick="F()" value="F_a"


input id="b" style="width: 127px;"
input type="button" onclick="F()" value="F_b"
input type="button" onclick="G()" value="G_b"


input id="c" style="width: 127px;"
input id="d" style="width: 127px;"
input type="button" onclick="G()" value="G_c_d"





0.0 = ms // JS text here!

input type="range"
min="0" max="100"
value="0" style="width:33%;"
class="slider" id="Slider1"
input type="button" onclick="F()" value="F"


0.0 = ms // JS text here!

input type="range"
min="0" max="100"
value="0" style="width:33%;"
class="slider" id="Slider1"
input type="button" onclick="F()" value="F"
input type="button" onclick="G()" value="G"


0.0 = ms // JS text here!

0.0 = ms // JS text here!

input type="range"
min="0" max="100"
value="0" style="width:33%;"
class="slider" id="Slider1" input type="range"
min="0" max="100"
value="0" style="width:33%;"
class="slider" id="Slider2"
input type="button" onclick="F()" value="F"

~*~ RGB UTILS:

RGB:

input type="number" id="R" style="height:24px; width:42px;" max=255 min=0
input type="number" id="G" style="height:24px; width:42px;" max=255 min=0
input type="number" id="B" style="height:24px; width:42px;" max=255 min=0
input type="button" onclick="RGB_Ok()" value="Ok"

RGB:

input type="number" id="R" style="height:16px; width:42px;" max=255 min=0
input type="number" id="G" style="height:16px; width:42px;" max=255 min=0
input type="number" id="B" style="height:16px; width:42px;" max=255 min=0
input type="button" onclick="RGB_Ok()" value="Ok"

RGB:

input type="number" id="R" style="height:12px; width:42px;" max=255 min=0
input type="number" id="G" style="height:12px; width:42px;" max=255 min=0
input type="number" id="B" style="height:12px; width:42px;" max=255 min=0
input type="button" onclick="RGB_Ok()" value="Ok"

RGB:

input type="number" id="R" style="height:8px; width:42px;" max=255 min=0
input type="number" id="G" style="height:8px; width:42px;" max=255 min=0
input type="number" id="B" style="height:8px; width:42px;" max=255 min=0
input type="button" onclick="RGB_Ok()" value="Ok"

RGB:

input type="number" id="R" style="width:42px;" max=255 min=0
input type="number" id="G" style="width:42px;" max=255 min=0
input type="number" id="B" style="width:42px;" max=255 min=0
input type="button" onclick="RGB_Ok()" value="Ok"




~*~ ~*~ ~*~

255 | 255 | 255;

input type="range"
min="0" max="100"
value="0" style="width:25%;"
class="slider" id="Sld_R"
input type="range"
min="0" max="100"
value="0" style="width:25%;"
class="slider" id="Sld_G"
input type="range"
min="0" max="100"
value="0" style="width:25%;"
class="slider" id="Sld_B"
input type="button" onclick="S_RGB()" value="Ok"


input type="range"
min="0" max="100"
value="0" style="width:32%;"
class="slider" id="Sld_R"
input type="range"
min="0" max="100"
value="0" style="width:32%;"
class="slider" id="Sld_G"
input type="range"
min="0" max="100"
value="0" style="width:32%;"
class="slider" id="Sld_B"
input type="button" onclick="S_RGB()" value="Ok"

R
G
B

input type="range"
min="0" max="100"
value="0" style="width:33%;"
class="slider" id="Sld_R"
input type="range"
min="0" max="100"
value="0" style="width:33%;"
class="slider" id="Sld_G"
input type="range"
min="0" max="100"
value="0" style="width:33%;"
class="slider" id="Sld_B"
input type="button" onclick="S_RGB()" value="Ok"





input type="range"
min="0" max="100"
value="0" style="width:33%;"
class="slider" id="Sld_R"
input type="range"
min="0" max="100"
value="0" style="width:33%;"
class="slider" id="Sld_G"
input type="range"
min="0" max="100"
value="0" style="width:33%;"
class="slider" id="Sld_B"
input type="button" onclick="S_RGB()" value="Ok"




~*~ ~*~ ~*~

255 | 255 | 255;

input type="range"
min="0" max="100"
value="0" style="width:384px;"
class="slider" id="Sld_R"
input type="range"
min="0" max="100"
value="0" style="width:384px;"
class="slider" id="Sld_G"
input type="range"
min="0" max="100"
value="0" style="width:384px;"
class="slider" id="Sld_B"
input type="button" onclick="S_RGB()" value="Ok"

255 | 255 | 255;

input type="range"
min="0" max="100"
value="0" style="width:255px;"
class="slider" id="Sld_R"
input type="range"
min="0" max="100"
value="0" style="width:255px;"
class="slider" id="Sld_G"
input type="range"
min="0" max="100"
value="0" style="width:255px;"
class="slider" id="Sld_B"
input type="button" onclick="S_RGB()" value="Ok"

255 | 255 | 255;

input type="range"
min="0" max="100"
value="0" style="width:127px;"
class="slider" id="Sld_R"
input type="range"
min="0" max="100"
value="0" style="width:127px;"
class="slider" id="Sld_G"
input type="range"
min="0" max="100"
value="0" style="width:127px;"
class="slider" id="Sld_B"
input type="button" onclick="S_RGB()" value="Ok"


input type="range"
min="0" max="100"
value="0" style="width:384px;"
class="slider" id="Sld_R"
input type="range"
min="0" max="100"
value="0" style="width:384px;"
class="slider" id="Sld_G"
input type="range"
min="0" max="100"
value="0" style="width:384px;"
class="slider" id="Sld_B"
input type="button" onclick="S_RGB()" value="Ok"

R
G
B

input type="range"
min="0" max="100"
value="0" style="width:384px;"
class="slider" id="Sld_R"
input type="range"
min="0" max="100"
value="0" style="width:384px;"
class="slider" id="Sld_G"
input type="range"
min="0" max="100"
value="0" style="width:384px;"
class="slider" id="Sld_B"
input type="button" onclick="S_RGB()" value="Ok"





input type="range"
min="0" max="100"
value="0" style="width:384px;"
class="slider" id="Sld_R"
input type="range"
min="0" max="100"
value="0" style="width:384px;"
class="slider" id="Sld_G"
input type="range"
min="0" max="100"
value="0" style="width:384px;"
class="slider" id="Sld_B"
input type="button" onclick="S_RGB()" value="Ok"


~*~ ~*~ ~*~ ~*~ ~*~ ~*~ ~*~