fizzbuzz complete

championswimmer · championswimmer · commit 5aa5e8b3347f · 2019-09-10T20:33:02.000+05:30
"

Signed-off-by: Arnav Gupta &lt;arnav@codingblocks.com&gt;
diff --git a/Lecture06/fizzbuzz/index.html b/Lecture06/fizzbuzz/index.html
@@ -5,7 +5,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <meta http-equiv="X-UA-Compatible" content="ie=edge">
   <title>Document</title>
-  <script defer src="script.js"></script>
+  <script defer src="script-createelement.js"></script>
 </head>
 <body>
 
diff --git a/Lecture06/fizzbuzz/script-createelement.js b/Lecture06/fizzbuzz/script-createelement.js
@@ -0,0 +1,22 @@
+let list = document.getElementById('list')
+let n = document.getElementById('n')
+let print = document.getElementById('print')
+
+print.onclick = function() {
+  let start = new Date().getTime()
+
+
+  for (let i = 1; i <= n.value; i++) {
+    let x = ''
+    if (i % 3 == 0) x += 'fizz'
+    if (i % 5 == 0) x += 'buzz'
+    if (x == '') x = i
+
+    let item = document.createElement('li')
+    item.innerText = x
+    list.appendChild(item)
+  }
+
+  let end = new Date().getTime()
+  console.log(end - start)
+}
diff --git a/Lecture06/fizzbuzz/script-old.js b/Lecture06/fizzbuzz/script-old.js
@@ -0,0 +1,19 @@
+let list = document.getElementById('list')
+let n = document.getElementById('n')
+let print = document.getElementById('print')
+
+print.onclick = function() {
+  let start = new Date().getTime()
+
+  for (let i = 1; i <= n.value; i++) {
+    let x = ''
+    if (i % 3 == 0) x += 'fizz'
+    if (i % 5 == 0) x += 'buzz'
+    if (x == '') x = i
+
+    list.innerHTML += `<li> ${x} </li>`
+  }
+
+  let end = new Date().getTime()
+  console.log(end - start)
+}
diff --git a/Lecture06/fizzbuzz/script.js b/Lecture06/fizzbuzz/script.js
@@ -2,7 +2,21 @@ let list = document.getElementById('list')
 let n = document.getElementById('n')
 let print = document.getElementById('print')
 
-print.onclick = function () {
+print.onclick = function() {
+  let start = new Date().getTime()
 
-}
+  let html = ''
+  for (let i = 1; i <= n.value; i++) {
+    let x = ''
+    if (i % 3 == 0) x += 'fizz'
+    if (i % 5 == 0) x += 'buzz'
+    if (x == '') x = i
+
+    html += `<li> ${x} </li>`
+  }
 
+  list.innerHTML += html
+
+  let end = new Date().getTime()
+  console.log(end - start)
+}
