feat: complete sprint-3

Author: chefmatthaus-hub

Form-Controls/README.md

@@ -1,13 +1,23 @@
 // Predict and explain first...
-//  =============> write your prediction here
+//  It will make the first letter in the string input capitalised.
 
 // call the function capitalise with a string input
 // interpret the error message and figure out why an error is occurring
+// "SyntaxError: Identifier 'str' has already been declared"
+
+// capitalise("matthaus enjoys foood.")
+
+// function capitalise(str) {
+//   let str = `${str[0].toUpperCase()}${str.slice(1)}`;
+//   return str;
+// }
+
+// The error is thrown by declaring the 'str' variable again in the function with 'let' which causes it throw the SyntaxError, as it is already been declared.
+
+capitalise("matthaus enjoys food")
 
 function capitalise(str) {
-  let str = `${str[0].toUpperCase()}${str.slice(1)}`;
-  return str;
+  return `${str[0].toUpperCase()}${str.slice(1)}`;
 }
 
-// =============> write your explanation here
-// =============> write your new code here
+console.log(capitalise("Matthaus enjoys food"));

Form-Controls/index.css

@@ -1,20 +1,30 @@
 // Predict and explain first...
+// It will give you a percentage of 50% using the function by multiplying the 'decimalNumber' by 100 for the 'percentage' variables.  
 
 // Why will an error occur when this program runs?
-// =============> write your prediction here
+// It will be a syntaxError because the 'decimalNumber' is already called in the function parameter.
 
 // Try playing computer with the example to work out what is going on
 
+// function convertToPercentage(decimalNumber) {
+//   const decimalNumber = 0.5;
+//   const percentage = `${decimalNumber * 100}%`;
+
+//   return percentage;
+// }
+
+// console.log(decimalNumber);
+
+// decimalNumber in console.log isn't a defined number in the functions parameter now so it will return back as NaN "Not a Number", by adding '0.05'  to the console.log it now has a number to calculate the percentage to
+
+// Finally, correct the code to fix the problem
+
+
 function convertToPercentage(decimalNumber) {
-  const decimalNumber = 0.5;
   const percentage = `${decimalNumber * 100}%`;
 
   return percentage;
-}
-
-console.log(decimalNumber);
 
-// =============> write your explanation here
+}
 
-// Finally, correct the code to fix the problem
-// =============> write your new code here
+  console.log(convertToPercentage(0.5))

Form-Controls/index.html

@@ -1,20 +1,26 @@
 
 // Predict and explain first BEFORE you run any code...
+// The function won't return be able to return the value to the caller, due to the expression not being assigned.
 
 // this function should square any number but instead we're going to get an error
 
-// =============> write your prediction of the error here
+// The expression will return as unexpected number in the console log
 
-function square(3) {
-    return num * num;
-}
+// function square(3) {
+//     return num * num;
+// }
 
-// =============> write the error message here
+// SyntaxError: Unexpected number
 
-// =============> explain this error message here
+// The parameter set by the function isn't attached to the num value of the return, so the return doesn't have a value to work with
 
 // Finally, correct the code to fix the problem
 
-// =============> write your new code here
+function square(num) {
+    return num * num;
+}
+
+console.log(square(3));
+
 
 

Sprint-3/1-key-errors/0.js

@@ -1,14 +1,18 @@
 // Predict and explain first...
 
-// =============> write your prediction here
+// There is no return in the function, the wrong use of console.log is being used, therefore the function isn't being closed and only is the console.log being logged twice, causing the function's parameters to be defined by the return. 
 
-function multiply(a, b) {
-  console.log(a * b);
-}
+// function multiply(a, b) {
+//   console.log(a * b);
+// }
 
-console.log(`The result of multiplying 10 and 32 is ${multiply(10, 32)}`);
+// console.log(`The result of multiplying 10 and 32 is ${multiply(10, 32)}`);
 
-// =============> write your explanation here
+// The instead of console.log being used in the functions expression, there should be a return.
 
 // Finally, correct the code to fix the problem
-//  =============> write your new code here
+function multiply(a, b) {
+  return a * b;
+}
+
+console.log(`The result of multiplying 10 and 32 is ${multiply(10, 32)}`);

Sprint-3/1-key-errors/1.js

@@ -1,13 +1,17 @@
 // Predict and explain first...
-//  =============> write your prediction here
+//  By using the semi-colon after the return, this is closing off the function and leaving the parameters as undefined, causing the console.log state that the parameters are undefined.
 
+// function sum(a, b) {
+//   return;
+//   a + b;
+// }
+
+// console.log(`The sum of 10 and 32 is ${sum(10, 32)}`);
+
+// by using the semi-colon after the return, and having the parameters put into a separate line, the return can't define the parameters of the function.
+// Finally, correct the code to fix the problem
 function sum(a, b) {
-  return;
-  a + b;
+  return a + b;
 }
 
 console.log(`The sum of 10 and 32 is ${sum(10, 32)}`);
-
-// =============> write your explanation here
-// Finally, correct the code to fix the problem
-//  =============> write your new code here