First set of updates

Author: wbamberg

javascript/introduction-to-js-1/maths/conditional2.html

@@ -86,7 +86,7 @@ <h2>Editable code</h2>
     function drawCanvas() {
       ctx.clearRect(0, 0, canvas.width, canvas.height);
       eval(textarea.value);
-      para.textContent = 'The rectangle is ' + x + 'px wide and ' + y + 'px high.';
+      para.textContent = `The rectangle is ${x}px wide and ${y}px high.`;
     }
 
     reset.addEventListener('click', function() {

javascript/introduction-to-js-1/maths/editable_canvas.html

@@ -13,13 +13,13 @@ Finally, you need to write a calculation that checks whether this number is even
 The answer should look something like this:
 
 ```
-let number1 = 4;
-let number2 = 8;
-let number3 = 12;
-let number4 = 8;
+const number1 = 4;
+const number2 = 8;
+const number3 = 12;
+const number4 = 8;
 
-let additionResult = number1 + number2;
-let subtractionResult = number3 - number4;
+const additionResult = number1 + number2;
+const subtractionResult = number3 - number4;
 
 finalResult = additionResult * subtractionResult;
 
@@ -48,9 +48,9 @@ let result2 = 100 / (2 * 6);
 
 result *= result2;
 
-let finalResult = result.toFixed(2);
+const finalResult = result.toFixed(2);
 
-let finalNumber = Number(finalResult)
+const finalNumber = Number(finalResult);
 ```
 
 ## Task 3
@@ -62,9 +62,9 @@ The test results should be stored inside variables called `weightComparison`, `h
 Your code should look something like this:
 
 ```
-let weightComparison = eleWeight < mouseWeight;
+const weightComparison = eleWeight < mouseWeight;
 
-let heightComparison = ostrichHeight > duckHeight;
+const heightComparison = ostrichHeight > duckHeight;
 
-let pwdMatch = pwd1 === pwd2;
-```
+const pwdMatch = pwd1 === pwd2;
+```

javascript/introduction-to-js-1/maths/loop.html

@@ -32,17 +32,17 @@
 
     // Add your code here
 
-    
+
 
     // Don't edit the code below here!
 
     const section = document.querySelector('section');
 
-    let para1 = document.createElement('p');
-    let finalResultCheck = finalResult === 48 ? `Yes, well done!` : `No, it is ${ finalResult }`;
+    const para1 = document.createElement('p');
+    const finalResultCheck = finalResult === 48 ? `Yes, well done!` : `No, it is ${ finalResult }`;
     para1.textContent = `Is the finalResult 48? ${ finalResultCheck }`;
-    let para2 = document.createElement('p');
-    let evenOddResultCheck = evenOddResult === 0 ? 'The final result is even!' : 'The final result is odd. Hrm.'
+    const para2 = document.createElement('p');
+    const evenOddResultCheck = evenOddResult === 0 ? 'The final result is even!' : 'The final result is odd. Hrm.'
     para2.textContent = evenOddResultCheck;
 
     section.appendChild(para1);

javascript/introduction-to-js-1/tasks/math/marking.md

@@ -36,11 +36,11 @@
 // Don't edit the code below here!
 
 section.innerHTML = ' ';
-let para1 = document.createElement('p');
-let finalResultCheck = finalResult === 48 ? `Yes, well done!` : `No, it is ${ finalResult }`;
+const para1 = document.createElement('p');
+const finalResultCheck = finalResult === 48 ? `Yes, well done!` : `No, it is ${ finalResult }`;
 para1.textContent = `Is the finalResult 48? ${ finalResultCheck }`;
-let para2 = document.createElement('p');
-let evenOddResultCheck = evenOddResult === 0 ? 'The final result is even!' : 'The final result is odd. Hrm.'
+const para2 = document.createElement('p');
+const evenOddResultCheck = evenOddResult === 0 ? 'The final result is even!' : 'The final result is odd. Hrm.'
 para2.textContent = evenOddResultCheck;
 
 section.appendChild(para1);

javascript/introduction-to-js-1/tasks/math/math1-download.html

@@ -26,20 +26,20 @@
 
   </body>
   <script>
-  // Final result should be 10.42
-  // Add/update your code here
+    // Final result should be 10.42
+    // Add/update your code here
 
-  let result = 7 + 13 / 9 + 7;
-  let result2 = 100 / 2 * 6;
+    let result = 7 + 13 / 9 + 7;
+    let result2 = 100 / 2 * 6;
 
     // Don't edit the code below here!
 
     const section = document.querySelector('section');
 
-    let para1 = document.createElement('p');
+    const para1 = document.createElement('p');
     para1.textContent = `Your finalResult is ${ finalResult }`;
-    let para2 = document.createElement('p');
-    let finalNumberCheck = isNaN(finalNumber) === false ? 'finalNumber is a number type. Well done!' : `Ooops! finalNumber is not a number.`;
+    const para2 = document.createElement('p');
+    const finalNumberCheck = isNaN(finalNumber) === false ? 'finalNumber is a number type. Well done!' : `Ooops! finalNumber is not a number.`;
     para2.textContent = finalNumberCheck;
 
     section.appendChild(para1);

javascript/introduction-to-js-1/tasks/math/math1.html

@@ -34,10 +34,10 @@
 // Don't edit the code below here!
 
 section.innerHTML = ' ';
-let para1 = document.createElement('p');
+const para1 = document.createElement('p');
 para1.textContent = `Your finalResult is ${ finalResult }`;
-let para2 = document.createElement('p');
-let finalNumberCheck = isNaN(finalNumber) === false ? 'finalNumber is a number type. Well done!' : `Ooops! finalNumber is not a number.`;
+const para2 = document.createElement('p');
+const finalNumberCheck = isNaN(finalNumber) === false ? 'finalNumber is a number type. Well done!' : `Ooops! finalNumber is not a number.`;
 para2.textContent = finalNumberCheck;
 
 section.appendChild(para1);

javascript/introduction-to-js-1/tasks/math/math2-download.html

@@ -27,30 +27,30 @@
   </body>
   <script>
     // Statement 1: The elephant weighs less than the mouse
-    let eleWeight = 1000;
-    let mouseWeight = 2;
+    const eleWeight = 1000;
+    const mouseWeight = 2;
 
     // Statement 2: The Ostrich is taller than the duck
-    let ostrichHeight = 2;
-    let duckHeight = 0.3;
+    const ostrichHeight = 2;
+    const duckHeight = 0.3;
 
     // Statement 3: The two passwords match
-    let pwd1 = 'stromboli';
-    let pwd2 = 'stROmBoLi'
+    const pwd1 = 'stromboli';
+    const pwd2 = 'stROmBoLi'
 
     // Add your code here
 
     // Don't edit the code below here!
 
     const section = document.querySelector('section');
 
-    let para1 = document.createElement('p');
-    let para2 = document.createElement('p');
-    let para3 = document.createElement('p');
+    const para1 = document.createElement('p');
+    const para2 = document.createElement('p');
+    const para3 = document.createElement('p');
 
-    let weightTest = weightComparison ? 'True — elephants do weigh less than mice!?' : 'False — of course an elephant is heavier than a mouse!';
-    let heightTest = heightComparison ? 'True — an ostrich is indeed taller than a duck!' : 'False — apparently a duck is taller than an ostrich!?';
-    let pwdTest = pwdMatch ? 'True — the passwords match.' : 'False — the passwords do not match; please check them';
+    const weightTest = weightComparison ? 'True — elephants do weigh less than mice!?' : 'False — of course an elephant is heavier than a mouse!';
+    const heightTest = heightComparison ? 'True — an ostrich is indeed taller than a duck!' : 'False — apparently a duck is taller than an ostrich!?';
+    const pwdTest = pwdMatch ? 'True — the passwords match.' : 'False — the passwords do not match; please check them';
 
     para1.textContent = weightTest;
     section.appendChild(para1);

javascript/introduction-to-js-1/tasks/math/math2.html

@@ -26,29 +26,29 @@
     <textarea class="playable playable-js" style="height: 400px;">
 
 // Statement 1: The elephant weights less than the mouse
-let eleWeight = 1000;
-let mouseWeight = 2;
+const eleWeight = 1000;
+const mouseWeight = 2;
 
 // Statement 2: The Ostrich is taller than the duck
-let ostrichHeight = 2;
-let duckHeight = 0.3;
+const ostrichHeight = 2;
+const duckHeight = 0.3;
 
 // Statement 3: The two passwords match
-let pwd1 = 'stromboli';
-let pwd2 = 'stROmBoLi'
+const pwd1 = 'stromboli';
+const pwd2 = 'stROmBoLi'
 
 // Add your code here
 
 // Don't edit the code below here!
 
 section.innerHTML = ' ';
-let para1 = document.createElement('p');
-let para2 = document.createElement('p');
-let para3 = document.createElement('p');
+const para1 = document.createElement('p');
+const para2 = document.createElement('p');
+const para3 = document.createElement('p');
 
-let weightTest = weightComparison ? 'True — elephants weight less than mice!?' : 'False — of course an elephant is heavier than a mouse!';
-let heightTest = heightComparison ? 'True — an ostrich is indeed taller than a duck!' : 'False — apparently a duck is taller than an ostrich!?';
-let pwdTest = pwdMatch ? 'True — the passwords match.' : 'False — the passwords do not match; please check them';
+const weightTest = weightComparison ? 'True — elephants weight less than mice!?' : 'False — of course an elephant is heavier than a mouse!';
+const heightTest = heightComparison ? 'True — an ostrich is indeed taller than a duck!' : 'False — apparently a duck is taller than an ostrich!?';
+const pwdTest = pwdMatch ? 'True — the passwords match.' : 'False — the passwords do not match; please check them';
 
 para1.textContent = weightTest;
 section.appendChild(para1);