D3 Examples - anniversarycode

xxxxxxxxxx
 
<html><head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" type="text/css">
  <link rel="stylesheet" href="theme.css" type="text/css"> 
​
  <link href="https://fonts.googleapis.com/css?family=Frijole" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Satisfy" rel="stylesheet">
​
</head>
<style>
.code , h2 {font-family: 'Frijole', cursive;}
​
 h1 {font-family: 'Satisfy', cursive;}
​
</style>
​
​
​
​
<body>
  <div class="py-5"><div class="container"><div class="row"><div class="col-md-12"><h2 class="">I'm one of many on your phone...<br>Perhaps a scan for me,<br>would make me known...</h2>
<br>
<br>
<br>
​
  <span class="code">Enter code:</span> <input id="textbox_id" type="text" name="fname">
  <input type="submit" value="Submit" onclick="myFunction()">
​
​
<br>
<br>
<br>
​
<h2 id="wrong" style="color:red; visibility:hidden;">WRONG!</h2>
<h1 id="correct" style="color:green;visibility:hidden;">Check the car boot...</h1>
​
<script>
function myFunction() {
     var x = document.getElementById('textbox_id').value;
​
​
 if (x==4875962) 
    {
        document.getElementById("wrong").style.visibility = "hidden";
document.getElementById("correct").style.visibility = "visible";
​
}
else {
​
document.getElementById("correct").style.visibility = "hidden";
    document.getElementById("wrong").style.visibility = "visible";}
​
​
}
</script>
  </div></div></div></div>
​
​
​
​
​
  <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js"></script>
  <script src="https://pingendo.com/assets/bootstrap/bootstrap-4.0.0-alpha.6.min.js"></script>
​
​
​
</body></html>
    