Glasgow| May-26-ITP | Yat Long Chan | Sprint 2 | Coursework

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

@@ -1,13 +1,25 @@
-// Predict and explain first...
-//  =============> write your prediction here
 
-// call the function capitalise with a string input
-// interpret the error message and figure out why an error is occurring
 
 function capitalise(str) {
-  let str = `${str[0].toUpperCase()}${str.slice(1)}`;
+  let str = '${str[0].toUpperCase()}${str.slice(1)}`;
   return str;
 }
 
-// =============> write your explanation here
-// =============> write your new code here
+It said syntaxError because identifier 'str' has already been declared 
+because we should use backtick`` to wrap the template literal.The first one of the bracket is a
+single quote, not a backtick.
+
+  Also, since str has already been declared as a parameter, we should not use it to define as variable.
+
+
+
+
+
+function capitalise(str) {
+
+  let result = `${str[0].toUpperCase() + str.slice(1)}`;
+  return result;
+}
+
+console.log(capitalise("str"));
+

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

@@ -1,10 +1,3 @@
-// Predict and explain first...
-
-// Why will an error occur when this program runs?
-// =============> write your prediction here
-
-// Try playing computer with the example to work out what is going on
-
 function convertToPercentage(decimalNumber) {
   const decimalNumber = 0.5;
   const percentage = `${decimalNumber * 100}%`;
@@ -14,7 +7,19 @@ function convertToPercentage(decimalNumber) {
 
 console.log(decimalNumber);
 
-// =============> write your explanation here
+The terminal shows the syntax error because decimal number has been declared.
+because the decimal number is a variable which is not supposed to define in the function, 
+but the decimal number has been defined insides the functon, so it will forever return 50 %.
+  Also, when we call the fucnton, we should name the function convertToPercentage.
+
+
+
+function convertToPercentage(decimalNumber) {
+
+  const percentage = `${decimalNumber * 100}%`;
+
+  return percentage;
+}
+
+console.log(convertToPercentage(0.5));
 
-// Finally, correct the code to fix the problem
-// =============> write your new code here

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

@@ -1,20 +1,22 @@
 
-// Predict and explain first BEFORE you run any code...
 
-// this function should square any number but instead we're going to get an error
-
-// =============> write your prediction of the error here
 
 function square(3) {
     return num * num;
 }
 
-// =============> write the error message here
 
-// =============> explain this error message here
+    It shows the syntax error which is an unexpected number;
+    because we should not put 3 insides the variable, because it will lead to variable: num not defined
+insides the function, so the 3 doesn't work insides the function.
+
+We need to put num instead of 3 insides the();
+That way when we call the function by using console.log.The 3 will go into the num variable.
+
 
-// Finally, correct the code to fix the problem
+function square(num) {
+    return num * num;
+}
 
-// =============> write your new code here
 
 

Sprint-2/2-mandatory-debug/0.js

@@ -1,14 +1,20 @@
-// Predict and explain first...
 
-// =============> write your prediction here
+The problem is unexpected identifier "problem"
+The problem is the result doesn't print the mulitplication of the number,
+because we should not call the function inside the function;
+
 
 function multiply(a, b) {
   console.log(a * b);
 }
 
 console.log(`The result of multiplying 10 and 32 is ${multiply(10, 32)}`);
 
-// =============> write your explanation here
+Instead, we should define the expression a * b
+and return the expression.
+
+/ function multiply(a, b) {
+    return (a * b);
+  }
 
-// Finally, correct the code to fix the problem
-//  =============> write your new code here
+console.log(`The result of multiplying 10 and 32 is ${multiply(10, 32)}`);

Sprint-2/2-mandatory-debug/1.js

@@ -1,5 +1,5 @@
-// Predict and explain first...
-//  =============> write your prediction here
+Unexpected identifier "problem"
+variable hasn't been defined so the variable cannot do function.
 
 function sum(a, b) {
   return;
@@ -8,6 +8,14 @@ function sum(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
+
+because return should be followed by a + b;
+the final result doesn't return the value. 
+
+
+function sum(a, b) {
+  return;
+  a + b;
+}
+
+console.log(`The sum of 10 and 32 is ${sum(10, 32)}`);

Sprint-2/2-mandatory-debug/2.js

@@ -1,7 +1,12 @@
-// Predict and explain first...
 
-// Predict the output of the following code:
-// =============> Write your prediction here
+The const should not be put into the global frame. 
+if it is set in the global frame,  this will result in a single result:3, 
+no matter which variables you put in later. 
+
+The variable insides should have num to match the function expression. 
+
+
+My prediction of the result will be all in 3.
 
 const num = 103;
 
@@ -13,12 +18,22 @@ console.log(`The last digit of 42 is ${getLastDigit(42)}`);
 console.log(`The last digit of 105 is ${getLastDigit(105)}`);
 console.log(`The last digit of 806 is ${getLastDigit(806)}`);
 
-// Now run the code and compare the output to your prediction
-// =============> write the output here
-// Explain why the output is the way it is
-// =============> write your explanation here
-// Finally, correct the code to fix the problem
-// =============> write your new code here
 
-// This program should tell the user the last digit of each number.
-// Explain why getLastDigit is not working properly - correct the problem
+
+yes the output is all in 3, because the reason are above .
+
+
+
+... ... ... ... ... ... ... ... ... ... ... ... ... ... ...
+
+function getLastDigit(num) {
+  return num.toString().slice(-1);
+}
+
+console.log(`The last digit of 42 is ${getLastDigit(42)}`);
+console.log(`The last digit of 105 is ${getLastDigit(105)}`);
+console.log(`The last digit of 806 is ${getLastDigit(806)}`);
+
+
+After we delete the global frame and put in the variable, we see
+the result now shows three different digit number.

Sprint-2/3-mandatory-implement/1-bmi.js

@@ -1,19 +1,20 @@
-// Below are the steps for how BMI is calculated
 
-// The BMI calculation divides an adult's weight in kilograms (kg) by their height in metres (m) squared.
 
-// For example, if you weigh 70kg (around 11 stone) and are 1.73m (around 5 feet 8 inches) tall, you work out your BMI by:
 
-// squaring your height: 1.73 x 1.73 = 2.99
-// dividing 70 by 2.99 = 23.41
-// Your result will be displayed to 1 decimal place, for example 23.4.
+function calculateBMI(weight, height) {
+
+    let newheight = height / 100;
+    let num = weight / (newheight ** 2);
+    let idea = num.toFixed(1);
+
+    return idea;
+}
+
+
+console.log(calculateBMI(58, 178));
+
+
+
 
-// You will need to implement a function that calculates the BMI of someone based off their weight and height
 
-// Given someone's weight in kg and height in metres
-// Then when we call this function with the weight and height
-// It should return their Body Mass Index to 1 decimal place
 
-function calculateBMI(weight, height) {
-    // return the BMI of someone based off their weight and height
-}

Sprint-2/3-mandatory-implement/2-cases.js

@@ -4,6 +4,16 @@
 // UPPER_SNAKE_CASE means taking a string and writing it in all caps with underscores instead of spaces.
 
 // Implement a function that:
+function convertToUpperCase(text) {
+const result = text.toUpperCase();
+return result;
+} 
+
+console.log(convertToUpperCase("hello"));
+
+
+
+
 
 // Given a string input like "hello there"
 // When we call this function with the input string

Sprint-2/4-mandatory-interpret/time-format.js

@@ -15,24 +15,43 @@ function formatTimeDisplay(seconds) {
   return `${pad(totalHours)}:${pad(remainingMinutes)}:${pad(remainingSeconds)}`;
 }
 
+
 // You will need to play computer with this example - use the Python Visualiser https://pythontutor.com/visualize.html#mode=edit
 // to help you answer these questions
 
-// Questions
+console.log(formatTimeDisplay(61));
+
+
+
+
+
+ Questions
+
+ a) When formatTimeDisplay is called how many times will pad be called?
+3 time. 
+
+
+b) What is the value assigned to num when pad is called for the first time?
+ =============> parameter
+
+
+
+ c) What is the return value of pad is called for the first time?
+ =============> numString variable
+
+
+
+ d) What is the value assigned to num when pad is called for the last time in this program?  Explain your answer
+ =============> 
+
 
-// a) When formatTimeDisplay is called how many times will pad be called?
-// =============> write your answer here
 
-// Call formatTimeDisplay with an input of 61, now answer the following:
+e) What is the return value of pad when it is called for the last time in this program? 
 
-// b) What is the value assigned to num when pad is called for the first time?
-// =============> write your answer here
 
-// c) What is the return value of pad is called for the first time?
-// =============> write your answer here
+The three functions of pad are called 
+ in three variables totalMinutes, remainingMinutes and totalHours.
+The last variable in the pad function is called remainingSeconds;
 
-// d) What is the value assigned to num when pad is called for the last time in this program?  Explain your answer
-// =============> write your answer here
 
-// e) What is the return value of pad when it is called for the last time in this program?  Explain your answer
-// =============> write your answer here
+// =============> 

Sprint-2/5-stretch-extend/format-time.js

@@ -4,11 +4,36 @@
 
 function formatAs12HourClock(time) {
   const hours = Number(time.slice(0, 2));
+  const minutes = time.slice(3,6);
+
   if (hours > 12) {
-    return `${hours - 12}:00 pm`;
+
+    const convertedHour =  hours - 12
+    const  paddedHour = convertedHour.toString().padStart(2, '0')
+    return `${paddedHour}:${minutes} pm`;
   }
-  return `${time} am`;
-}
+
+  else if(hours=== 0o0){
+    const newHour= hours+ 12;
+    return `${newHour}:${minutes} am`;}
+
+  else if(hours=== 12){
+    return `12:00 pm`;
+
+  }
+
+
+
+  else if (hours < 12){
+   const paddedHour2 = hours.toString().padStart(2, '0')
+
+  return `${paddedHour2}:${minutes} am`;
+}  
+  }
+
+
+
+
 
 const currentOutput = formatAs12HourClock("08:00");
 const targetOutput = "08:00 am";
@@ -23,3 +48,18 @@ console.assert(
   currentOutput2 === targetOutput2,
   `current output: ${currentOutput2}, target output: ${targetOutput2}`
 );
+
+const currentOutput3 = formatAs12HourClock("00:00");
+const targetOutput3 = "12:00 am";
+console.assert(
+  currentOutput3 === targetOutput3,
+   `current output: ${currentOutput3}, target output: ${targetOutput3}`
+);
+
+
+const currentOutput4 = formatAs12HourClock("12:00");
+const targetOutput4 = "12:00 pm";
+console.assert(
+  currentOutput4 === targetOutput4,
+   `current output: ${currentOutput4}, target output: ${targetOutput4}`
+);