Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <link href="css/bootstrap.css" rel="stylesheet" type="text/css">
- <link href="css/styles.css" rel="stylesheet" type="text/css">
- <script src="js/jquery-1.11.1.js"></script>
- <script src="js/scripts2.js"></script>
- <title>Fizzbuzz!</title>
- </head>
- <body>
- <div class="container">
- <h1>Fizzbuzz</h1>
- <form id="user-input">
- <label for="number-label">What number would you like to fizzbuzz to?</label>
- <input id="number" type="input">
- <button type="submit" class="btn">Submit</button>
- <ul id="list"></ul>
- </form>
- </div>
- </body>
- </html>
- ---------------------------------------------------------------------------------------
- $(document).ready(function() {
- $("form#user-input").submit(function(event) {
- var number=parseInt($("input#number").val());
- for (var i = 1; i <= 100; i++) {
- var out = '';
- if (i % 3 == 0) {
- out = 'Fizz';
- }
- if (i % 5 == 0) {
- out += 'Buzz';
- }
- if (!out) {
- out = i;
- }
- $('#list').append('<li>' + out + '</li>');
- event.preventDefault();
- });
- });
- });
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement