Sticky Navigation Bar Souce Code

Demo <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Stick Nav</title> <style> body { margin: 0 0 0 0 !important; padding: 0; } .header { padding: 20px 0; background-color: #333; } .nav { padding: 5px 0; background-color: slategrey; position: -webkit-sticky; top: 0px; z-index: 1; } ul { list-style: none; } li { display: inline; } .header,…

How to create a simple calculator program with javascript

This is a tutorial about how to create a simple calculator program with javascript, css, and html. First create index.html file <html> <head> <title>Dice Simulator 2015</title> <link rel="stylesheet" href="style.css"> </head> <body> <h1>Calculator Example</h1> <p>Open the JavaScript developer console to interact.</p> <script src="calculator.js"></script> </body> </html> Then create style.css file * { font-family: Helvetica, Arial, sans-serif; text-align:…

Create a Dice with HTML, CSS, and Javascript

We are going to create a html, css, and javascript die with this code. For every block of code create the coodinating file extension be it .js .html .css and etc. It should work. Happy coding. First create index.html <html> <head> <title>Dice Simulator 2015</title> <link rel="stylesheet" href="style.css"> </head> <body> <p id="placeholder"> </p> <button id="button">Roll Dice</button>…