My First Commit

akeleb · akeleb · commit 5b323b691b69 · 2022-07-17T13:35:03.000Z
diff --git a/README.md b/README.md
diff --git a/index.html b/index.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="src/style.css">
+    <title id="titl"></title>
+  </head>
+  <body>
+    <h1 id="header"></h1>
+    <p id="bio">Click the following button! </p>
+  <!--nput type = "button" onclick = "MyFunc()" value = "Click">-->
+
+    <script src="src/main.js"></script>
+  </body>
+</html>
diff --git a/src/main.js b/src/main.js
@@ -0,0 +1,43 @@
+const message = 'Hello world' // Try edit me
+const title ='Akele Belay Walelign'
+
+// Update header text
+document.querySelector('#header').innerHTML = message
+document.getElementById('titl').innerHTML = title
+
+// Log to console
+console.log(message)
+
+// variables
+
+// let a;
+// a = 1997
+// a = "Akele"
+// console.log(typeof a)
+
+/* MyFunc = () => {
+    document.getElementById("bio").innerHTML = "my name is Akele Belay Walelgign"
+    console.log("my name is Akele Belay Walelgign")
+    let birthYear = 1997
+    console.log(birthYear)
+    var year=1998
+} */
+//MyFunc()
+// console.log(year)
+
+// var age = 100;
+//   if (age > 12){
+//     var dogYears = age * 7;
+//     console.log(`You are ${dogYears} dog years old!`);
+// }
+//   console.log(dogYears) it works because var is a function scoped not block scoped
+
+// var age = 100;
+//   if (age > 12){
+//     let dogYears = age * 7;
+//     //console.log("You are", dogYears, "dog years old!");
+//     console.log(`You are ${dogYears} dog years old!`);
+// }
+  //console.log(dogYears) err- let is a blockscoped 
+
+
diff --git a/src/style.css b/src/style.css
@@ -0,0 +1,9 @@
+body {
+    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+    color: #710dce;
+    background-color: transparent;
+    height: 100vh;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+  }
