Advertisement
Joshuaatt

Fizzbuzz1

Nov 23rd, 2014
137
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.20 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <link href="css/bootstrap.css" rel="stylesheet" type="text/css">
  5. <link href="css/styles.css" rel="stylesheet" type="text/css">
  6. <script src="js/jquery-1.11.1.js"></script>
  7. <script src="js/scripts2.js"></script>
  8. <title>Fizzbuzz!</title>
  9. </head>
  10. <body>
  11. <div class="container">
  12. <h1>Fizzbuzz</h1>
  13.  
  14. <form id="user-input">
  15. <label for="number-label">What number would you like to fizzbuzz to?</label>
  16. <input id="number" type="input">
  17. <button type="submit" class="btn">Submit</button>
  18.  
  19. <ul id="list"></ul>
  20. </form>
  21. </div>
  22. </body>
  23. </html>
  24. ---------------------------------------------------------------------------------------
  25.  
  26. $(document).ready(function() {
  27.  
  28. $("form#user-input").submit(function(event) {
  29.  
  30. var number=parseInt($("input#number").val());
  31.  
  32. for (var i = 1; i <= 100; i++) {
  33. var out = '';
  34. if (i % 3 == 0) {
  35. out = 'Fizz';
  36. }
  37. if (i % 5 == 0) {
  38. out += 'Buzz';
  39. }
  40. if (!out) {
  41. out = i;
  42. }
  43. $('#list').append('<li>' + out + '</li>');
  44.  
  45. event.preventDefault();
  46.  
  47.  
  48. });
  49. });
  50. });
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement