www.technicaldestination.blogspot.com
This website helps you to solve hacking problems
www.technicaldestination.blogspot.com
you follow mw on youtube Technical destination
www.technicaldestination.blogspot.com
My blog help to users to solve hacking and programming errors.
www.technicaldestination.blogspot.com
if you see hacking news then follow me on instagram facebook blogger and youtube.
Friday 12 July 2019
Show and hide password using JavaScript
Show and hide password using JavaScript
<!DOCTYPE html>
<html>
<head>
<title>Password</title>
<style type="text/css">
body{
background-color: black;
}
h1{
color:white;
}
input[type="checkbox"]{
width: 30px;
}
</style>
</head>
<body>
<center>
<h1> Change Password With Javascript</h1>
<input type="Password" name="" id="show"> <br><br>
<input type="checkbox" name="" id="pass" onclick="myfun()"> <h1>Show Password</h1>
</center>
<script type="text/javascript">
function myfun() {
var x = document.getElementById('show');
if (x.type == "password") {
x.type = "text";
}
else{
x.type = "password";
}
}
</script>
</body>
</html>
Monday 8 July 2019
Show an Image PopUp after Page Load using html css javascript jquery
Show an Image PopUp after Page Load
<!DOCTYPE html>
<html>
<head>
<title>PopUp image</title>
<style type="text/css">
#popupmain {
position: fixed;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.6);
z-index: 1001;
}
#popup {
width: 500px;
height: 350px;
background: url('https://cdn.dribbble.com/users/784152/screenshots/5323966/check_pop_dribbble.gif');
background-size: cover;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}
#txt {
text-align: center;
color: white;
}
#submit {
background-color: green;
font-size: 40px;
text-align: center;
}
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script>
</head>
<body>
<div id="popupmain" style="display: none;">
<div id="popup">
<h1 id="txt">Welcome to Goraya City</h1>
<h2 id="txt"> इस website पर visit करने के लिए धन्यवाद </h2>
<br> <br> <br> <br> <br><br> <br>
<center> <button id="submit"> Close</button> </center>
</div>
</div>
<h1>Popup image shows after 5 sec</h1>
<img src="sachin.jpg" width="400px">
<script>
$(document).ready(function(){
setTimeout(function(){
$('#popupmain').css('display','block'); }, 5000);
});
$('#submit').click(function(){
$('#popupmain').css('display','none');
});
</script>
</body>
</html>
Saturday 6 July 2019
Display Date and Time with javascript
Display Date and Time with javascript
Code here
<!DOCTYPE html>
<html>
<head>
<title> Date And Time</title>
</head>
<body>
<h1> Display Date And Time with Javascript</h1>
<button onclick="document.getElementById('demo').innerHTML= Date()"> Display Date And Time</button>
<p id="demo"></p>
</body>
</html>
Friday 5 July 2019
Show Random Images With javascript Api
Show Random Images With Api
Code Here
<!DOCTYPE html>
<html>
<head>
<title> Change Man With Api</title>
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js">
</script>
<style type="text/css">
body{
background-color: black;
}
h1{
color: white;
text-align: center;
}
#dinkar{
border-color: white;
}
#img1{
color: white;
}
</style>
</head>
<body>
<center>
<div id="dinkar">
<h1>Enter your Name And check Your Image</h1>
<br>
<input type="text" name="name" id="nameid">
<br><br>
<img src="sachin.jpg" width="400px" height="300px" class="imgchange" alt="This image was not found please enter your name" id="img1"> <br><br>
<button onclick="api()">Click Here </button>
</div>
</center>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js">
</script>
<script>
function api(){
var dinkar = document.getElementById('nameid').value;
if (dinkar == ""){
alert("Enter your Name");
}
else
{
$(document).ready(function(){
$('button').click(function(){
var name = $('#nameid').val();
alert(name);
$('.imgchange').attr('src',`https://joeschmoe.io/api/v1/${name}`);
});
});
}
};
</script>
</script>
</body>
</html>
Random Password Generator With Javascript || javascript Mini project
Random Password Generator With Javascript
Code Here
<!DOCTYPE html>
<html>
<head>
<title> Generator Password</title>
</head>
<body>
<h1> Password Generator</h1>
<input type="text" name="" id="generate">
<input type="button" name="" value ="Password Generator button" onclick="pass()">
<script type="text/javascript">
function pass(){
var result= ''
for (var i = 0; i <10; i++) {
var sac = "abcdefghijklmnopqrstuvwxyz!@#$^&*()_+=123456";
var din = Math.floor(Math.random() * 40);
result += sac.charAt(din);
}
document.getElementById('generate').value = result;
}
</script>
</body>
</html>
Thursday 4 July 2019
Generate Random Number With Javascript || Mini Javascript Project
Generate Random Number With Javascript
Generate Random Number
Javascript Mini Project
