Add exercise solutions and copy of code

Author: SuperSimpleDev

.gitignore

@@ -0,0 +1,2 @@
+.DS_Store
+.vscode

1-exercise-solutions/lesson-01/1a.js

@@ -0,0 +1 @@
+alert('Good morning!');

1-exercise-solutions/lesson-01/1b.js

@@ -0,0 +1 @@
+alert('Simon');

1-exercise-solutions/lesson-01/1c.js

@@ -0,0 +1 @@
+10 + 5

1-exercise-solutions/lesson-01/1d.js

@@ -0,0 +1 @@
+20 - 5

1-exercise-solutions/lesson-01/1e.js

@@ -0,0 +1 @@
+2 + 2 - 5

1-exercise-solutions/lesson-01/1f.js

@@ -0,0 +1 @@
+document.body.innerHTML = 'Good morning!';

1-exercise-solutions/lesson-01/1g.js

@@ -0,0 +1 @@
+document.body.innerHTML = 'Simon';

1-exercise-solutions/lesson-01/1h.js

@@ -0,0 +1 @@
+10 + 8 + 20

1-exercise-solutions/lesson-01/1i.js

@@ -0,0 +1 @@
+100 - 50 - 20 + 200

1-exercise-solutions/lesson-01/1j.js

@@ -0,0 +1 @@
+document.body.innerHTML = '';

1-exercise-solutions/lesson-02/2a.js

@@ -0,0 +1 @@
+10 + 3 * 8 + 5

1-exercise-solutions/lesson-02/2b.js

@@ -0,0 +1 @@
+(10 + 3 * 8 + 5) / 3

1-exercise-solutions/lesson-02/2c.js

@@ -0,0 +1 @@
+18.5 + 2 * 7.5

1-exercise-solutions/lesson-02/2d.js

@@ -0,0 +1 @@
+(18.5 + 2 * 7.5) * 0.1

1-exercise-solutions/lesson-02/2e.js

@@ -0,0 +1 @@
+(18.5 + 2 * 7.5) * 0.2

1-exercise-solutions/lesson-02/2f.js

@@ -0,0 +1 @@
+(2095 + 799 + 1899) / 100

1-exercise-solutions/lesson-02/2g.js

@@ -0,0 +1 @@
+(2095 + 799 + 1899 + 499) / 100

1-exercise-solutions/lesson-02/2h.js

@@ -0,0 +1 @@
+Math.round((2095 + 799 + 1899 + 499) * 0.1) / 100

1-exercise-solutions/lesson-02/2i.js

@@ -0,0 +1 @@
+(2095 + 799 + 1899 + 499) / 100 + Math.round((2095 + 799 + 1899 + 499) * 0.1) / 100

1-exercise-solutions/lesson-02/2j.js

@@ -0,0 +1 @@
+Math.floor(2.8)

1-exercise-solutions/lesson-02/2k.js

@@ -0,0 +1 @@
+Math.ceil(2.2)

1-exercise-solutions/lesson-02/2l.js

@@ -0,0 +1 @@
+(25 * 9 / 5) + 32

1-exercise-solutions/lesson-02/2m.js

@@ -0,0 +1 @@
+(86 - 32) * 5 / 9

1-exercise-solutions/lesson-02/2n.js

@@ -0,0 +1 @@
+(-5 * 9 / 5) + 32

1-exercise-solutions/lesson-03/3a.js

@@ -0,0 +1 @@
+'My name is: '

1-exercise-solutions/lesson-03/3b.js

@@ -0,0 +1 @@
+'Simon'

1-exercise-solutions/lesson-03/3c.js

@@ -0,0 +1 @@
+'My name is: ' + 'Simon'

1-exercise-solutions/lesson-03/3d.js

@@ -0,0 +1 @@
+'Total cost: $' + (5 + 3)

1-exercise-solutions/lesson-03/3e.js

@@ -0,0 +1 @@
+`Total cost: $${5 + 3}`

1-exercise-solutions/lesson-03/3f.js

@@ -0,0 +1 @@
+alert(`Total cost: $${5 + 3}`);

1-exercise-solutions/lesson-03/3g.js

@@ -0,0 +1 @@
+'Total cost: $' + (599 + 295) / 100

1-exercise-solutions/lesson-03/3h.js

@@ -0,0 +1 @@
+`Total cost: $${(599 + 295) / 100}`

1-exercise-solutions/lesson-03/3i.js

@@ -0,0 +1 @@
+alert(`Total cost: $${(599 + 295) / 100}`);

1-exercise-solutions/lesson-03/3j.js

@@ -0,0 +1,2 @@
+alert(`Total cost: $${(599 + 295) / 100}
+Thank you, come again!`);

1-exercise-solutions/lesson-03/3k.js

@@ -0,0 +1 @@
+`Items (${2 + 2}): $${(2 * 2095 + 2 * 799) / 100}`

1-exercise-solutions/lesson-03/3l.js

@@ -0,0 +1 @@
+`Shipping & handling: $${(499 + 499) / 100}`

1-exercise-solutions/lesson-03/3m.js

@@ -0,0 +1 @@
+`Total before tax: $${(2 * 2095 + 2 * 799 + 499 + 499) / 100}`

1-exercise-solutions/lesson-03/3n.js

@@ -0,0 +1 @@
+`Estimated tax (10%): $${Math.round((2 * 2095 + 2 * 799 + 499 + 499) * 0.1) / 100}`

1-exercise-solutions/lesson-04/4a.html

@@ -0,0 +1 @@
+<button>Click</button>

1-exercise-solutions/lesson-04/4b.html

@@ -0,0 +1,2 @@
+<button>Simon</button>
+<button>chocolate</button>

1-exercise-solutions/lesson-04/4c.html

@@ -0,0 +1 @@
+<p>Hello, world!</p>

1-exercise-solutions/lesson-04/4d.html

@@ -0,0 +1,2 @@
+<p>Hello, world!</p>
+<p>Today I went to the grocery store to buy some eggs and vegetables.</p>

1-exercise-solutions/lesson-04/4e.html

@@ -0,0 +1,12 @@
+<style>
+  .add-to-cart-button {
+    background-color: yellow;
+  }
+
+  .buy-now-button {
+    background-color: orange;
+  }
+</style>
+
+<button class="add-to-cart-button">Add to cart</button>
+<button class="buy-now-button">Buy now</button>

1-exercise-solutions/lesson-04/4f.html

@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      .add-to-cart-button {
+        background-color: yellow;
+      }
+    
+      .buy-now-button {
+        background-color: orange;
+      }
+    </style>
+  </head>
+  <body>
+    <button class="add-to-cart-button">Add to cart</button>
+    <button class="buy-now-button">Buy now</button>
+  </body>
+</html>

1-exercise-solutions/lesson-04/4g.html

@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Buttons</title>
+    <style>
+      .add-to-cart-button {
+        background-color: yellow;
+      }
+    
+      .buy-now-button {
+        background-color: orange;
+      }
+    </style>
+  </head>
+  <body>
+    <button class="add-to-cart-button">Add to cart</button>
+    <button class="buy-now-button">Buy now</button>
+  </body>
+</html>

1-exercise-solutions/lesson-04/4h.html

@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Buttons</title>
+    <style>
+      .add-to-cart-button {
+        background-color: yellow;
+      }
+    
+      .buy-now-button {
+        background-color: orange;
+      }
+    </style>
+  </head>
+  <body>
+    <button class="add-to-cart-button">Add to cart</button>
+    <button class="buy-now-button">Buy now</button>
+
+    <script>
+      console.log('Welcome!');
+    </script>
+  </body>
+</html>

1-exercise-solutions/lesson-04/4i.html

@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      .add-to-cart-button {
+        background-color: yellow;
+      }
+    
+      .buy-now-button {
+        background-color: orange;
+      }
+    </style>
+  </head>
+  <body>
+    <p>Adults Plain Cotton T-shirt</p>
+    <p>Price: $7.99</p>
+    <button class="add-to-cart-button">Add to cart</button>
+    <button class="buy-now-button">Buy now</button>
+  </body>
+</html>

1-exercise-solutions/lesson-04/4j.html

@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      .add-to-cart-button {
+        background-color: yellow;
+      }
+    
+      .buy-now-button {
+        background-color: orange;
+      }
+    </style>
+  </head>
+  <body>
+    <p>Adults Plain Cotton T-shirt</p>
+    <p>Price: $7.99</p>
+
+    <!-- I added some extra spaces to make the code
+    easier to read. -->
+    <button class="add-to-cart-button" onclick="
+      alert('Added');
+    ">Add to cart</button>
+
+    <button class="buy-now-button" onclick="
+      alert('Loading...');
+      alert('Purchased');
+    ">Buy now</button>
+  </body>
+</html>

1-exercise-solutions/lesson-05/5a.html

@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+  <head></head>
+  <body>
+    <script>
+      const name = 'Simon';
+    </script>
+  </body>
+</html>

1-exercise-solutions/lesson-05/5b.html

@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+  <head></head>
+  <body>
+    <script>
+      const name = 'Simon';
+      console.log(`My name is: ${name}`);
+    </script>
+  </body>
+</html>

1-exercise-solutions/lesson-05/5c.html

@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+  <head></head>
+  <body>
+    <script>
+      const cost = 5 + 2 * 3 + 9;
+    </script>
+  </body>
+</html>

1-exercise-solutions/lesson-05/5d.html

@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+  <head></head>
+  <body>
+    <script>
+      const cost = 5 + 2 * 3 + 9;
+      console.log(`Cost of food: $${cost}`);
+    </script>
+  </body>
+</html>

1-exercise-solutions/lesson-05/5e.html

@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+  <head></head>
+  <body>
+    <script>
+      const cost = 5 + 2 * 3 + 9;
+      console.log(`Cost of food: $${cost}`);
+
+      const tax = cost * 0.1;
+    </script>
+  </body>
+</html>

1-exercise-solutions/lesson-05/5f.html

@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+  <head></head>
+  <body>
+    <script>
+      const cost = 5 + 2 * 3 + 9;
+      console.log(`Cost of food: $${cost}`);
+
+      const tax = cost * 0.1;
+      console.log(`Tax (10%): $${tax}`);
+    </script>
+  </body>
+</html>

1-exercise-solutions/lesson-05/5g.html

@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+  <head></head>
+  <body>
+    <script>
+      const cost = 5 + 2 * 3 + 9;
+      console.log(`Cost of food: $${cost}`);
+
+      const tax = cost * 0.1;
+      console.log(`Tax (10%): $${tax}`);
+
+      const totalCost = cost + tax;
+      console.log(`Total cost: $${totalCost}`);
+    </script>
+  </body>
+</html>