Created
March 17, 2018 14:59
-
-
Save LuizFellype/217c497c66c931517383c60d79bc2e56 to your computer and use it in GitHub Desktop.
Hello, world! // source https://jsbin.com/nurufis
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> | |
| <!-- Required meta tags --> | |
| <meta charset="utf-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> | |
| <!-- Bootstrap CSS --> | |
| <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous"> | |
| <title>Hello, world!</title> | |
| <style id="jsbin-css"> | |
| /* div { | |
| border: 1px solid rgba(86,61,124,.2); | |
| } | |
| .color { | |
| background-color: #d0d0d0; | |
| } | |
| .color-red { | |
| background-color: red; | |
| } | |
| p { | |
| background-color: blue; | |
| } */ | |
| </style> | |
| </head> | |
| <body> | |
| <div class="container-fluid"> | |
| <form> | |
| <div class="form-group"> | |
| <label for="email">Email address</label> | |
| <input type="email" class="form-control" id="email" aria-describedby="emailHelp" placeholder="Enter email" > | |
| <small id="emailHelp" class="form-text text-muted">We'll never share your email with anyone else.</small> | |
| </div> | |
| <div class="form-group"> | |
| <label for="pass">Password</label> | |
| <input type="password" class="form-control" id="password" placeholder="Password"> | |
| </div> | |
| <div class="form-check"> | |
| <input type="checkbox" class="form-check-input" id="remember"> | |
| <label class="form-check-label" for="remember">Remember me</label> | |
| </div> | |
| <button id="login" type="submit" class="btn btn-primary">Login</button> | |
| </form> | |
| </div> | |
| <!-- Optional JavaScript --> | |
| <!-- jQuery first, then Popper.js, then Bootstrap JS --> | |
| <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script> | |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script> | |
| <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script> | |
| <script id="jsbin-javascript"> | |
| // function myFunction(e) { | |
| // e.preventDefault() | |
| // console.log(document.getElementById("email").value); | |
| // console.log($("#email").remove()) | |
| // } | |
| // document.getElementById("login").addEventListener("click", function(event){ | |
| // event.preventDefault() | |
| // alert('Cala boca Clayton') | |
| // }); | |
| $("#login").on("click", function(event) { | |
| event.preventDefault() | |
| console.log($("#email").val()); | |
| }) | |
| </script> | |
| <script id="jsbin-source-css" type="text/css">/* div { | |
| border: 1px solid rgba(86,61,124,.2); | |
| } | |
| .color { | |
| background-color: #d0d0d0; | |
| } | |
| .color-red { | |
| background-color: red; | |
| } | |
| p { | |
| background-color: blue; | |
| } */</script> | |
| <script id="jsbin-source-javascript" type="text/javascript">// function myFunction(e) { | |
| // e.preventDefault() | |
| // console.log(document.getElementById("email").value); | |
| // console.log($("#email").remove()) | |
| // } | |
| // document.getElementById("login").addEventListener("click", function(event){ | |
| // event.preventDefault() | |
| // alert('Cala boca Clayton') | |
| // }); | |
| $("#login").on("click", function(event) { | |
| event.preventDefault() | |
| console.log($("#email").val()); | |
| })</script></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
| /* div { | |
| border: 1px solid rgba(86,61,124,.2); | |
| } | |
| .color { | |
| background-color: #d0d0d0; | |
| } | |
| .color-red { | |
| background-color: red; | |
| } | |
| p { | |
| background-color: blue; | |
| } */ |
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 myFunction(e) { | |
| // e.preventDefault() | |
| // console.log(document.getElementById("email").value); | |
| // console.log($("#email").remove()) | |
| // } | |
| // document.getElementById("login").addEventListener("click", function(event){ | |
| // event.preventDefault() | |
| // alert('Cala boca Clayton') | |
| // }); | |
| $("#login").on("click", function(event) { | |
| event.preventDefault() | |
| console.log($("#email").val()); | |
| }) |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment