# FizzBuzz

**URL:** <https://forum.kirupa.com/t/fizzbuzz/638235>\
**Category:** web dev\
**Created:** [May 18, 2018, 3:00am UTC](https://forum.kirupa.com/t/fizzbuzz/638235 "2018-05-18T03:00:55Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![kirupa](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/kirupa/32/11616_2.png) [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Post date:** [May 18, 2018, 3:00am UTC](https://forum.kirupa.com/t/fizzbuzz/638235/1 "2018-05-18T03:00:55Z")

</div>

The thread for this: https://www.kirupa.com/html5/fizzbuzz.htm

---

<div class="post-metadata">

**Author:** ![kirupa](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/kirupa/32/11616_2.png) [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Post date:** [May 18, 2018, 3:09am UTC](https://forum.kirupa.com/t/fizzbuzz/638235/2 "2018-05-18T03:09:21Z")

</div>

My solution is here:

```
<!DOCTYPE html>
<html>

<head>
  <title>FizzBuzz</title>
 
</head>

<body>
  <script>
    function fizzBuzz() {
      for (var i = 1; i <= 100; i++) {
        if ((i % 3 == 0) && (i % 5 == 0)) {
          console.log("FizzBuzz");
        } else if (i % 3 == 0) {
          console.log("Fizz");
        } else if (i % 5 == 0) {
          console.log("Buzz");
        } else {
          console.log(i);
        }
      }
    }
    fizzBuzz();
  </script>

</body>

</html>
```

---

<div class="post-metadata">

**Author:** ![senocular](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/senocular/32/7217_2.png) [@senocular](https://forum.kirupa.com/u/senocular)\
**Post date:** [May 18, 2018, 2:15pm UTC](https://forum.kirupa.com/t/fizzbuzz/638235/3 "2018-05-18T14:15:45Z")

</div>

One liner

```auto
Array.from(Array(100), (n, i) => (++i, (i % 3 == 0 ? 'Fizz' : '') + (i % 5 == 0 ? 'Buzz' : '') || i)).forEach(i => console.log(i))

```

---

<div class="post-metadata">

**Author:** ![kirupa](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/kirupa/32/11616_2.png) [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Post date:** [May 18, 2018, 5:28pm UTC](https://forum.kirupa.com/t/fizzbuzz/638235/4 "2018-05-18T17:28:51Z")

</div>

Haha! Nice 😛

---

<div class="post-metadata">

**Author:** ![prg9](https://avatars.discourse-cdn.com/v4/letter/p/8dc957/32.png) [@prg9](https://forum.kirupa.com/u/prg9)\
**Post date:** [May 19, 2018, 12:59am UTC](https://forum.kirupa.com/t/fizzbuzz/638235/5 "2018-05-19T00:59:18Z")

</div>

Lots of approaches and discussion here:

- [https://gist.github.com/jaysonrowe/1592432](https://gist.github.com/jaysonrowe/1592432)

---

<div class="post-metadata">

**Author:** ![JSM](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/jsm/32/9079_2.png) [@JSM](https://forum.kirupa.com/u/JSM)\
**Post date:** [May 20, 2018, 5:12pm UTC](https://forum.kirupa.com/t/fizzbuzz/638235/6 "2018-05-20T17:12:08Z")

</div>

Kirupa, my friend!

Your post is dated May **2018**. Why not use  
for (let i = 1; …)

instead of

for (var i = 1; …) ?

🙃

---

<div class="post-metadata">

**Author:** ![kirupa](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/kirupa/32/11616_2.png) [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Post date:** [May 21, 2018, 2:17am UTC](https://forum.kirupa.com/t/fizzbuzz/638235/7 "2018-05-21T02:17:49Z")

</div>

Old habits and so on! Good point. I still find myself using `var` almost exclusively unless I absolutely need the scoping improvements that `let` provides 😛