A Pen by stephanie frantz on CodePen.
Last active
August 21, 2019 00:15
-
-
Save thehandsomezebra/8e76fd1df84be29b5d8334078bd663c3 to your computer and use it in GitHub Desktop.
Javascript_Random-number-generator
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="utf-8"> | |
| <link rel="stylesheet" href="css/main.css"> | |
| <title>Random Number generator</title> | |
| </head> | |
| <body> | |
| <div class="container"> | |
| <h1>Random Number generator</h1> | |
| <script src="random.js"></script> | |
| </div> | |
| </body> | |
| </html> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| function getRandom() { | |
| var randomNumber = Math.floor( Math.random() * 6 ) + 1; | |
| return randomNumber; | |
| } | |
| var number = getRandom(); | |
| console.log(number); | |
| //alert("You rolled the dice. Your number is " + number); |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| html, | |
| body, | |
| div, | |
| h1, | |
| h2, | |
| p, | |
| ul, | |
| section { | |
| margin: 0; | |
| padding: 0; | |
| border: 0; | |
| font: inherit; | |
| font-size: 100%; | |
| vertical-align: baseline; | |
| } | |
| html { | |
| line-height: 1; | |
| } | |
| ul { | |
| list-style: none; | |
| } | |
| section { | |
| display: block; | |
| } | |
| body { | |
| background: #edeff0; | |
| padding: 50px 0 0; | |
| font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| font-size: 62.5%; | |
| } | |
| h1, | |
| h2 { | |
| font-size: 2.4em; | |
| font-weight: 400; | |
| margin-bottom: 8px; | |
| color: #384047; | |
| line-height: 1.2; | |
| } | |
| h2 { | |
| font-size: 1.8em; | |
| } | |
| p { | |
| color: #8d9aa5; | |
| font-size: 1.4em; | |
| margin-bottom: 15px; | |
| line-height: 1.4; | |
| } | |
| .container { | |
| box-sizing: border-box; | |
| width: 90%; | |
| max-width: 1080px; | |
| background: white; | |
| padding: 30px 15px; | |
| margin: 0 auto; | |
| position: relative; | |
| overflow: hidden; | |
| border-radius: 5px; | |
| -webkit-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1); | |
| -moz-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1); | |
| box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1); | |
| } | |
| .button { | |
| background: #3f8abf; | |
| padding: 8px 18px; | |
| font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| font-size: 1.4em; | |
| color: white; | |
| font-weight: 500; | |
| border: 3px solid #3f8abf; | |
| outline: none; | |
| cursor: pointer; | |
| display: -moz-inline-stack; | |
| display: inline-block; | |
| vertical-align: middle; | |
| *vertical-align: auto; | |
| zoom: 1; | |
| *display: inline; | |
| -webkit-border-radius: 5px; | |
| -moz-border-radius: 5px; | |
| -ms-border-radius: 5px; | |
| -o-border-radius: 5px; | |
| border-radius: 5px; | |
| -webkit-box-shadow: 0 2px 0 0 #3574a0; | |
| -moz-box-shadow: 0 2px 0 0 #3574a0; | |
| box-shadow: 0 2px 0 0 #3574a0; | |
| -webkit-transition: 0.3s; | |
| -moz-transition: 0.3s; | |
| -o-transition: 0.3s; | |
| transition: 0.3s; | |
| } | |
| .button:hover { | |
| background: #397cac; | |
| border-color: #397cac; | |
| -webkit-box-shadow: 0 2px 0 0 #2c6085; | |
| -moz-box-shadow: 0 2px 0 0 #2c6085; | |
| box-shadow: 0 2px 0 0 #2c6085; | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment