varaables

AbdulMoiz-Ali · Jun 25, 2024 · 8bc5375 · 8bc5375
commit 8bc5375
Show file tree

Hide file tree

Showing 3 changed files with 73 additions and 0 deletions.
diff --git a/app.js b/app.js
@@ -0,0 +1,12 @@
+var username = "my name"
+var message = 'hello would'
+alert('jhone Doe')
+alert('15 year old')
+alert('certified mobile application devalopment')
+alert('PLZZA\rPLZZ\rPLZ\rPL\rP')
+var email = 'My email address is [email protected]'
+alert(email)
+var book = 'A smarter\rway to learn javascript'
+alert('I am trying to learn from the book ' + book)
+var text = 'Yah! I can write HTML conrtent throught javascript'
+document.write(text)
diff --git a/index.html b/index.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Variables for Strings</title>
+    <link rel="stylesheet" href="./style.css" />
+  </head>
+  <body>
+    <div class="blue"></div>
+    <div class="heading">
+      <h1>Variables for Strings</h1>
+    </div>
+    <div class="blue-buttom">
+      <div class="para">
+        Assinment # 2 <br />
+        JAVASCRIPT
+      </div>
+    </div>
+
+    <script src="./app.js"></script>
+  </body>
+</html>
diff --git a/style.css b/style.css
@@ -0,0 +1,38 @@
+* {
+  box-sizing: border-box;
+  padding: 0%;
+  margin: 0%;
+}
+h1 {
+  text-transform: uppercase;
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  justify-content: center;
+  align-items: center;
+  font-size: xxx-large;
+  margin: 100px;
+  color: blue;
+}
+.blue {
+  background-color: blue;
+  width: 100%;
+  height: 100px;
+}
+.blue-buttom {
+  background-color: blue;
+  width: 100%;
+  height: 300px;
+  display: flex;
+  justify-content: flex-end;
+  flex-direction: column;
+  align-items: center;
+  gap: 10px;
+}
+.heading {
+  width: 100%;
+  height: 200px;
+}
+.para {
+  color: #fff;
+}