Javascript - ShareCode.Wapkiz.Com

» Simple Time And Date Javascript Code!

» Copy The Code From The Box Below.

View Result>

» If you find any problem please inbox me.

» Bangla Calender Javascript Code!

» Copy The Code From The Box Below.

View Result>

» If you find any problem please inbox me.

» Google Translate Javascript Code For Your Site!

» Copy The Code From The Box Below.

View Result>

» If you find any problem please inbox me.

» Character Counter Javascript Code For Your Site!

» Copy The Code From The Box Below.

<!DOCTYPE html>
<html>
   <head>
    <title>Character Counter</title>
   <meta name="viewport" content="width=device-width, initial-scale=1">
<style>
* {
  box-sizing:border-box;
}
.tbmargin{
    margin:5px 0px;
}
.bu-center{
    display:block;
    margin:auto;
    text-align:center;
}
textarea, input {
  width: 100%;
  padding:5px;
  border:1px solid #999;
  border-radius:5px;
}
input[type=button] {
  background:green;
  color:white;
}
</style>

</form>
<br>
</div>

</body>
</html>  <br> <script src="https://sharecode.wapkiz.com/js/2.js"></script>

View Result>

» If you find any problem please inbox me.

» Random Password Generator Javascript Code!

» Copy The Code From The Box Below.

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Random Password Generator</title>

<style type="text/css">
html {
   background-color: #FFFFFF;
   font-family: sans-serif;
   font-size: 130%;
   color: #000000;
}
body {
   max-width: 40em;
   margin-left: auto;
   margin-right: auto;
}
h1 {
   text-align: center;
   font-size: 160%;
   color:#fff;
   font-weight:bold;
}
form .section {
   padding: 0.3em 0.5em;
   background-color: #FCFCFC;
   border: 0.05em solid #E0E0E0;
   border-radius: 0.5em;
}
form table {
   border-collapse: collapse;
}
form input {
   font-family: inherit;
   font-size: inherit;
}
form #charset label:hover {
   background-color: #F0F0F0;
}
form #charset td {
   padding: 0em;
}
form #charset input[type=checkbox] {
   margin: 0em;
}
form #charset label {
   margin-left: 0.2em;
   padding: 0.1em 0.3em 0.1em 0.3em;
   border-radius: 0.2em;
}
form #charset small {
   font-size: 70%;
   color: #A0A0A0;
}
form #type td {
   padding: 0.2em 0em;
}
form #type input[type=number] {
   text-align: right;
}
form input[type=submit], form input[type=button] {
   padding: 0.2em 0.6em;
}
form #password {
   margin-left: 0.3em;
   padding: 0.1em 0.3em;
   background-color: #F8F8F8;
   border-radius: 0.2em;
   font-family: "Consolas", monospace;
   font-size: 140%;
}
p.lowlight {
   color: #A0A0A0;
}
hr {
   border: none;
   border-top: 0.05em solid #B0B0B0;
}
a {
   color: inherit;
   text-decoration: none;
}
a:hover {
   text-decoration: underline;
}
</style>

</head>
<body>
<style type="text/css">
   body{
     min-height: 100vh;
     background-image: linear-gradient(125deg,#2ecc71,#34495e);
   }
   strong {
      color:#555;
   }
</style>
<div class="container" >
<form action="#" method="get" onsubmit="doGenerate(event);">
   <div id="charset" class="section" style="margin:0.8em 0em">
      <p style="margin:0.3em 0em">Character set:</p>
      <table style="line-height:1.5">
         <tbody>
            <tr>
               <td><input type="checkbox" id="custom"></td>
               <td><label for="custom"> Custom:</label> <input type="text" id="customchars" value="" size="15" style="width:10em; font-size:80%" oninput="document.getElementById('custom').checked=true;"></td>
            </tr>
         </tbody>
      </table>
   </div>
   <div class="section">
      <table id="type">
         <tbody>
            <tr>
               <td><input type="radio" name="type" id="by-length" checked="checked"> <label for="by-length">Length: </label></td>
               <td><input type="number" min="0" value="10" step="1" id="length" style="width:4em" oninput="document.getElementById('by-length').checked=true;"> characters</td>
            </tr>
            <tr>
               <td><input type="radio" name="type" id="by-entropy"> <label for="by-entropy">Entropy:</label> </td>
               <td><input type="number" min="0" value="128" step="any" id="entropy" style="width:4em" oninput="document.getElementById('by-entropy').checked=true;"> bits</td>
            </tr>
         </tbody>
      </table>
   </div>
   <p style="max-width:unset; line-height:1.35; word-break:break-all">
</p>
      <input type="submit" value="Generate" class="btn btn-success" style="width:100%;" ><p></p>
<div class="section" id="result">
      <span style="color:#555;" >Password:</span> <br><span id="password"></span>

/*-- Configuration --*/

var CHARACTER_SETS = [
   [true, "Numbers", "0123456789"],
   [true, "Lowercase", "abcdefghijklmnopqrstuvwxyz"],
   [false, "Uppercase", "ABCDEFGHIJKLMNOPQRSTUVWXYZ"],
   [false, "ASCII symbols", "!"#$%" + String.fromCharCode(38) + "'()*+,-./:;" + String.fromCharCode(60) + "=>?@[\]^_`{|}~"],
   [false, "Space", " "],
];

/*-- Global variables --*/

var passwordElem   = document.getElementById("password"   );
var statisticsElem = document.getElementById("statistics" );
var copyElem       = document.getElementById("copy-button")
var cryptoObject    = null;
var currentPassword = null;

/*-- Initialization --*/

function initCrypto() {
   var elem = document.getElementById("crypto-getrandomvalues-entropy");
   elem.textContent = "\u2717";  // X mark
   
   if ("crypto" in window)
      cryptoObject = crypto;
   else if ("msCrypto" in window)
      cryptoObject = msCrypto;
   else
      return;
   
   if (!("getRandomValues" in cryptoObject) || !("Uint32Array" in window) || typeof Uint32Array != "function")
      cryptoObject = null;
   else
      elem.textContent = "\u2713";
}

/*-- Entry points from HTML code --*/

function doCopy() {
   var container = document.querySelector("body");
   var textarea = document.createElement("textarea");
   textarea.style.position = "fixed";
   textarea.style.opacity = "0";
   container.insertBefore(textarea, container.firstChild);
   textarea.value = currentPassword;
   textarea.focus();
   textarea.select();
   document.execCommand("copy");
   container.removeChild(textarea);
}

/*-- Low-level functions --*/

function generatePassword(charset, len) {
   var result = "";
   for (var i = 0; len > i; i++)
      result += charset[randomInt(charset.length)];
   return result;
}

// Returns a random integer in the range [0, n) using a variety of methods.
function randomInt(n) {
   var x = randomIntMathRandom(n);
   x = (x + randomIntBrowserCrypto(n)) % n;
   return x;
}

// Not secure or high quality, but always available.
function randomIntMathRandom(n) {
   var x = Math.floor(Math.random() * n);
   if (0 > x || x >= n)
      throw "Arithmetic exception";
   return x;
}

// Uses a secure, unpredictable random number generator if available; otherwise returns 0.
function randomIntBrowserCrypto(n) {
   if (cryptoObject == null)
      return 0;
   // Generate an unbiased sample
   var x = new Uint32Array(1);
   do cryptoObject.getRandomValues(x);
   while (x[0] - x[0] % n > 4294967296 - n);
   return x[0] % n;
}

/*-- Initialization --*/

initCharsets();
initCrypto();
copyElem.disabled = true;
</script>
</div>
</body>
</html>  <br> <script src="https://sharecode.wapkiz.com/js/2.js"></script>

View Result>

» If you find any problem please inbox me.

» Age Calculator Javascript Code For Your Site!

» Copy The Code From The Box Below.

<!DOCTYPE html>
<html>
   <head>
   <title>Age Calculator</title>
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width, initial-scale=1">
<style type="text/css">
* {
  box-sizing:border-box;
}
.nfooterc{
background:#444;
color:#fff;
 padding:5px;
 border-left:3px solid #ccc;
}
.agec-table td, .color-black {
   color:#222;
}
input, td select {
  width: 100%;
  padding:5px;
}
</style>
<script language="javascript">
var startyear = "1930"; var endyear = "2030"; var dat = new Date(); var curday = dat.getDate(); var curmon = dat.getMonth()+1; var curyear = dat.getFullYear(); function checkleapyear(datea) { if(datea.getYear()%4 == 0) { if(datea.getYear()% 10 != 0) { return true; } else { if(datea.getYear()% 400 == 0) return true; else return false; } } return false; } function DaysInMonth(Y, M) { with (new Date(Y, M, 1, 12)) { setDate(0); return getDate(); } } function datediff(date1, date2) { var y1 = date1.getFullYear(), m1 = date1.getMonth(), d1 = date1.getDate(), y2 = date2.getFullYear(), m2 = date2.getMonth(), d2 = date2.getDate(); if (d1< d2) { m1--; d1 += DaysInMonth(y2, m2); } if (m1 < m2) { y1--; m1 += 12; } return [y1 - y2, m1 - m2, d1 -d2]; } function calage() { var calday = document.birthday.day.options [document.birthday.day.selectedIndex].value; var calmon = document.birthday.month.options [document.birthday.month.selectedIndex].value; var calyear = document.birthday.year.options [document.birthday.year.selectedIndex].value; if(curday == "" || curmon=="" || curyear=="" || calday=="" || calmon=="" || calyear=="") { alert("please fill all the values and click go -"); } else { var curd = new Date(curyear,curmon-1,curday); var cald = new Date(calyear,calmon-1,calday); var diff = Date.UTC (curyear,curmon,curday,0,0,0) - Date.UTC (calyear,calmon,calday,0,0,0); var dife = datediff(curd,cald); document.birthday.age.value=dife [0]+" years, "+dife[1]+" months, and "+dife[2]+" days"; var monleft = (dife[0]*12)+dife[1]; var secleft = diff/1000/60; var hrsleft = secleft/60; var daysleft = hrsleft/24; document.birthday.months.value=monleft+" Month since your birth"; document.birthday.daa.value=daysleft+" days since your birth"; document.birthday.hours.value=hrsleft+" hours since your birth"; document.birthday.min.value=secleft+" minutes since your birth"; var as = parseInt(calyear)+dife [0]+1; var diff = Date.UTC (as,calmon,calday,0,0,0) -Date.UTC (curyear,curmon,curday,0,0,0); var datee = diff/1000/60/60/24; document.birthday.nbday.value=datee+" days left for your next birthday"; } } 
</script>
</head>
<body>
<b>
<form name="birthday" role="form">
<input type="hidden" name="PHPSESSID" value="627590ad70b1102cdb9e8c435293d37c" />
<input type="hidden" name="PHPSESSID" value="cde28ff4c5d65ca9912ac7a3910b530e" />
<input type="hidden" name="PHPSESSID" value="a8e21ed9368cf47793a99c1e24e57a55" />

<table class="agec-table" >
<tr>
<td>Date:<br/><select class="form-control" name="day" size="1"><script language=javascript>for(var j=1;j<32;j++) document.write("<option value="+j+">"+j+"</option>");</script></select></td><td>Month:<br/><select class="form-control" name="month" size="1"><script language=javascript>for(var i=1;i<13;i++) document.write("<option value="+i+">"+i+"</option>");</script></select></td><td>Year:<br/><select class="form-control" name="year" size="1"><script language=javascript>for(var k=startyear;k<endyear;k++) document.write("<option value="+k+">"+k+"</option>");</script></select></td></tr></table>

<input style="margin:6px 0;width:100%;"  name="start" class="btn btn-info" onclick="calage()" value="CALCULATE" type="button"/><div class="Comments">You have been living for<br/><input name="age" class="form-control" size="15" value="Result"/></div><div class="Comments">In Months:<br/><input class="form-control" name="months" size="17"/></div><div class="Comments">In Days:<br/><input class="form-control" name="daa" size="17"/></div><div class="Comments">In Hours:<br/><input name="hours" class="form-control" size="15"/></div><div class="Comments">In Minutes:<br/><input name="min" class="form-control" size="15"/></div><div class="Comments">Your Next Birthday:<br/><input name="nbday" class="form-control" size="15"/></div>

</div>

</form></b>

<div>
<script language="javascript">var startyear = "1950"; var endyear = "2010"; var dat = new Date(); var curday = dat.getDate(); var curmon = dat.getMonth()+1; var curyear = dat.getFullYear(); function checkleapyear(datea) { if(datea.getYear()%4 == 0) { if(datea.getYear()% 10 != 0) { return true; } else { if(datea.getYear()% 400 == 0) return true; else return false; } } return false; } function DaysInMonth(Y, M) { with (new Date(Y, M, 1, 12)) { setDate(0); return getDate(); } } function datediff(date1, date2) { var y1 = date1.getFullYear(), m1 = date1.getMonth(), d1 = date1.getDate(), y2 = date2.getFullYear(), m2 = date2.getMonth(), d2 = date2.getDate(); if (d1< d2) { m1--; d1 += DaysInMonth(y2, m2); } if (m1 < m2) { y1--; m1 += 12; } return [y1 - y2, m1 - m2, d1 -d2]; } function calage() { var calday = document.birthday.day.options [document.birthday.day.selectedIndex].value; var calmon = document.birthday.month.options [document.birthday.month.selectedIndex].value; var calyear = document.birthday.year.options [document.birthday.year.selectedIndex].value; if(curday == "" || curmon=="" || curyear=="" || calday=="" || calmon=="" || calyear=="") { alert("please fill all the values and click go -"); } else { var curd = new Date(curyear,curmon-1,curday); var cald = new Date(calyear,calmon-1,calday); var diff = Date.UTC (curyear,curmon,curday,0,0,0) - Date.UTC (calyear,calmon,calday,0,0,0); var dife =datediff(curd,cald); document.birthday.age.value=dife [0]+" years, "+dife[1]+" months, and "+dife[2]+" days"; var monleft = (dife[0]*12)+dife[1]; var secleft = diff/1000/60; var hrsleft = secleft/60; var daysleft = hrsleft/24; document.birthday.months.value=monleft+" Month since your birth"; document.birthday.daa.value=daysleft+" days since your birth"; document.birthday.hours.value=hrsleft+" hours since your birth"; document.birthday.min.value=secleft+" minutes since your birth"; var as = parseInt(calyear)+dife [0]+1; var diff = Date.UTC (as,calmon,calday,0,0,0) -Date.UTC (curyear,curmon,curday,0,0,0); var datee = diff/1000/60/60/24; document.birthday.nbday.value=datee+" days left for your next birthday"; } } </script>
</div>
</body>
</html>  <br> <script src="https://sharecode.wapkiz.com/js/2.js"></script>

View Result>

» If you find any problem please inbox me.

» Banglish To Bangla Converter Javascript Code For Your Site!

» Copy The Code From The Box Below.

View Result>

» If you find any problem please inbox me.

» Roller Text Javascript Code For Your Site!

» Copy The Code From The Box Below.

View Result>

» If you find any problem please inbox me.

» Awesome Design Profile Page Code!

" Copy The Code From The Box Below.

<div class="profile">
<div class="menu" >MY PROFILE</div>
<div align="center" id="%name%"><" height="100" width="100"></div>
<div class="info">
<p>Full Name: <img src="img/smile/p.gif"/>rofile(:my_name:)-var(Name):</p>
<p>Nickname: <img src="img/smile/p.gif"/>rofile(:my_name:)-var(Nickname):</p>
<p>Gender: <img src="img/smile/p.gif"/>rofile(:my_name:)-var(gender):</p>
<p>Religion: <img src="img/smile/p.gif"/>rofile(:my_name:)-var(Religion):</p>
<p>Facebook: <img src="img/smile/p.gif"/>rofile(:my_name:)-var(Facebook):</p>
<p>Mobile: <img src="img/smile/p.gif"/>rofile(:my_name:)-var(Mobile):</p>
<p>Birth Day: <img src="img/smile/p.gif"/>rofile(:my_name:)-var(BD):--</p>
<p>Home Town: <img src="img/smile/p.gif"/>rofile(:my_name:)-var(District):</p>
</div>
</div>
<style>
* {
	box-sizing:border-box;
}
.profile {
	margin:4px;
	padding:4px;
	background:#fff;
	color:#555;
}
.profile .menu {
	padding:4px;
	color:#fff;
	background:teal;
	margin:0;
	border-bottom:2px solid gray;
}
.profile .info p {
	padding:5px;
	margin:0;
	color:#555;
	border:1px solid #ddd;
	border-top:none;
	display:block;
	width:100%;
	background:white;
}
.profile .info p:nth-child(1) {
	border-top:1px solid #ddd;
}
</style>  <br> <script src="https://sharecode.wapkiz.com/js/2.js"></script>

View Result>

» If you find any problem please inbox me.

» Awesome Design Edit Profile Page Code!

" Copy The Code From The Box Below.

<div class="form" >
<div class="menu">Edit Profile</div>
[setuser]ud=edit-0.html||
Full Name:<br> :var-Name:<br>
Nickname: <br> :var-Nickname:<br/
>Profile Picture:<br/>:foto:<br/>
Gender: <br> :var-gender(Male|Female|Other):<br/>
Religion: <br> :var-Religion:<br>
Facebook: <br> :var-Facebook:<br>
Mobile: <br> :var-Mobile:<br>
Division:<br> :var-Division(Dhaka|Rajshahi|Rangpur|Chitagong|Khulna|Sylhet|Borishal|Moymonsingh):<br>
District:<br>:var-District:<br>
Birth Day: <br> 
Day:var-BD(01|02|03|04|05|06|07|08|09|10|11|12|13|14|15|16|17|18|19|20|21|22|23|24|25|26|27|28|29|30|31): 
Month: :var-BM(01|02|03|04|05|06|07|08|09|10|11|12): 
Year: :var-BY(1981|1982|1983|1984|1985|1986|1987|1988|1989|1990|1991|1992|1993|1994|1995|1996|1997|1998|1999|2000|2001|2002|2003|2004|2005|2006|2007|2008|2009|2010):<br>
:submit=Edit Profile:
[/setuser]
<br><a href="https://sfappstore.wapkiz.com/site_chpass.html">Cheange Password?</a>
</div>
<style>
* {
	box-sizing:border-box;
}
.form {
	margin:4px;
	padding:4px;
	background:#fff;
	color:#555;
}
.form .menu {
	padding:4px;
	color:#fff;
	background:teal;
	margin:0;
	border-bottom:2px solid gray;
}
.form input[type=text], .form input[type=passwird], .form input[type=file], .form  select, .form input[type=submit] {
	padding:5px;
	color:#555;
	border:1px solid #ddd;
	display:block;
	width:100%;
	background:white;
}
.form input[type=submit] {
	background:teal;
	color:white;
	border:none;
}
</style>  <br> <script src="https://sharecode.wapkiz.com/js/2.js"></script>

View Result>

» If you find any problem please inbox me.

» Page Loading Effect Like ShareCode!

" Copy The Code From The Box Below.

View Result>

» If you find any problem please inbox me.

About Us	Privacy Policy
HTML Viewer	Buy a Site
Facebook	Email

Category - Javascript

Most Viewed

Categories