type coercion

akeleb · akeleb · commit d2b0478496fc · 2024-01-03T23:40:02.000+03:00
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -0,0 +1,3 @@
+{
+    "editor.inlineSuggest.showToolbar": "always"
+}
diff --git a/index.html b/index.html
@@ -29,7 +29,16 @@ <h2 id="truth">I am I taller guy?</h2>
     <h3 id="bmi">I will come to this with JavaScript</h3>
   </diV>
 
+
+  <div id="gs">
+    <h3 class="guess">Guess a number</h3>
+    <button onclick  ="guess_num2()">
+      Click Here
+    </button>
+  </div>
+
   <script src="/src/script/app.js"></script>
   <script src="/src/script/main.js"></script>
+  <script src="/src/script/typeconv.js"></script>
 </body>
 </html>
diff --git a/src/script/typeconv.js b/src/script/typeconv.js
@@ -0,0 +1,50 @@
+// type conversion
+// const year = "2022"
+// const num_year = parseInt(year)
+// const num_year_2 = Number(year)
+// console.log(typeof(num_year),typeof(num_year_2));
+
+// const num_year_3 = "m17z"
+// console.log(Number(num_year_3),parseInt(num_year_3));
+
+// type coercion
+
+// const num = "10"
+// const num2 = "20"
+// console.log(num + num2);
+// console.log("I am "+ 29 + " years old");
+// console.log(num2 - num);
+console.log("5"+5+5-55);
+console.log(10+"20");
+console.log("20"-10);
+console.log(+'20'-5);
+console.log(+"10"+10);
+console.log(-"10"+30);
+
+// play a game which is guess a number between 1 to 10
+
+const guess_num = () => {
+  const num3 = 8;
+  let guess = prompt("Guess a number between 1 to 10: ");
+  if (guess == num3) {
+    let message = (document.getElementById("guess").innerHTML =
+      "You are correct");
+  } else {
+    let message = (document.getElementById(
+      "guess"
+    ).innerHTML = `You are wrong. the number is ${num3}`);
+  }
+};
+
+
+const guess_num2 = () => {
+    const num3 = 6;
+    let guess = prompt("Guess a number between 1 to 10: ");
+    if (guess == num3) {
+      let message = document.getElementsByClassName("guess")[0];
+      message.innerHTML = "You are correct";
+    } else {
+      let message = document.getElementsByClassName("guess")[0]
+      message.innerHTML = `You are wrong. the number is ${num3}`;
+    }
+  };
diff --git a/src/styles/style.css b/src/styles/style.css
@@ -72,3 +72,8 @@
     width: 60%;
     margin: auto;
   }
+  
+  #gs{
+    margin-left: 40%;
+    margin-top: 10px;
+  }

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+{`
	`2`	`+ "editor.inlineSuggest.showToolbar": "always"`
	`3`	`+}`
Original file line number	Diff line number	Diff line change
`@@ -72,3 +72,8 @@`
`72`	`72`	`width: 60%;`
`73`	`73`	`margin: auto;`
`74`	`74`	`}`
	`75`	`+`
	`76`	`+ #gs{`
	`77`	`+ margin-left: 40%;`
	`78`	`+ margin-top: 10px;`
	`79`	`+ }`