first commit

vihan85 · Apr 26, 2022 · 98eda7a · 98eda7a
1 parent a50fff3
commit 98eda7a
Show file tree

Hide file tree

Showing 12 changed files with 276 additions and 0 deletions.
diff --git a/lesson1/app.css b/lesson1/app.css
@@ -0,0 +1,3 @@
+h1 {
+    color: red
+}
diff --git a/lesson1/app.js b/lesson1/app.js
@@ -0,0 +1,26 @@
+var studensObject = new Object();
+
+console.log('Start program.');
+
+function getStudent(studens) {
+    var name = studens.name;
+    var age = studens.age;
+    var message = "student name: " + name + ". Student age: " + age;
+    return message;
+}
+
+studensObject.name = "Vi";
+studensObject.age = 26;
+
+var student = getStudent(studensObject);
+
+// document.getElementById("result").innerHTML = student;
+
+var text = '';
+for(var i = 0; i < 10; i++) {
+    var number = i + 1;
+    text += 'number: ' + number;
+}
+document.getElementById("result").innerHTML = text;
+
+
diff --git a/lesson1/index.html b/lesson1/index.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+    <link rel="stylesheet" href="./app.css">
+</head>
+<body>
+    <h1>Lesson 1 - start</h1>
+    <div id="result"></div>
+
+    <script src="./app.js"></script>
+</body>
+</html>
diff --git a/lesson2/app.css b/lesson2/app.css
@@ -0,0 +1,48 @@
+*{
+    padding: 0;
+    margin: 0;
+    box-sizing: border-box;
+}
+html{
+    font-family :arial;
+}
+
+#header{
+    height: 46px;
+    width: 100%;
+    background-color: black;
+}
+ #nav li{
+    display: inline-block;
+    line-height: 46px;
+}
+
+#nav li:hover a {
+    background: #ccc;
+    color: white;
+
+}
+
+#nav li a {
+    color: white;
+    text-decoration: none;
+    padding: 12px 24px;
+
+}
+#nav .subnav li{
+    display:none;
+}
+
+#wrapper
+{}
+
+#silder{
+
+}
+
+#content
+{}
+
+#footer{
+
+}
diff --git a/lesson2/app.js b/lesson2/app.js
diff --git a/lesson2/index.html b/lesson2/index.html
@@ -0,0 +1,46 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+    <link rel="stylesheet" href="./app.css">
+
+</head>
+<body>
+    <div id="wrapper">
+        <div id="header">
+            <ul id="nav">
+                <li><a href="">About</a></li>
+                <li><a href="">Tour</a></li>
+                <li><a href="">Contact</a></li>
+                <li>
+                    <a href="">More</a>
+                    <ul class="subnav">
+                        <li><a href="">Merchandise</a></li>
+                        <li><a href="">Extras</a></li>
+                        <li><a href="">Media</a></li>
+                    </ul>
+                </li>
+
+            </ul>
+
+        </div>
+
+        <div id="silder">
+
+        </div>
+
+        <div id="content">
+
+        </div>
+
+        <div id="footer">
+
+        </div>
+    </div>
+
+    <script src="./app.js"></script>
+</body>
+</html>
diff --git a/lesson3/app.css b/lesson3/app.css
@@ -0,0 +1,34 @@
+html{
+    width: 800px;
+    font-family: arial;
+}
+.box{
+    color: red;
+}
+#box2{
+    color: black;
+}
+input {
+    color: blue;
+}
+.heading{
+    color: black;
+}
+.box table.result td, .result th {
+    vertical-align: middle;
+}
+table{
+    border-collapse: collapse;
+  width: 100%; 
+  /* rong 100% */
+}
+td, th {
+    border: 1px solid #dddddd;
+    /* duong ke khung */
+    text-align: left;
+    /* can le trai */
+    padding: 8px;
+#name{
+    border: 1px;
+    text-align: middle;
+}
diff --git a/lesson3/app.js b/lesson3/app.js
diff --git a/lesson3/index.html b/lesson3/index.html
@@ -0,0 +1,66 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Lesson3</title>
+    <link rel="stylesheet" href="./app.css">
+
+</head>
+<body>
+<script src="./app.js"></script>
+<h1 class="par">Hai tháng xoay chuyển cục diện trong chiến sự Ukraine</h1>
+<div class="box" >
+    <p calss="box1" >Xung đột vũ trang giữa Nga và Ukraine thay đổi đáng kể trong hai tháng qua, với quy mô chiến trường thu hẹp, nhưng mức độ khốc liệt có nguy cơ gia tăng.</p>
+
+    <p id="box2">Tròn hai tháng kể từ khi Nga phát động chiến dịch quân sự đặc biệt ở Ukraine, chiến sự đang bước vào giai đoạn mới, khi Nga tập trung lực lượng nhằm xuyên thủng phòng tuyến đối phương ở các tỉnh Donetsk, Lugansk và Kharkov. Ngoại trưởng Nga Sergey Lavrov ngày 19/4 cho hay "đây là thời khắc vô cùng quan trọng đối với toàn bộ chiến dịch" ở Ukraine</p>
+
+    <p>Quy mô chiến trường được thu hẹp, nhưng cục diện và tương quan vượt ngoài mọi dự đoán ban đầu của giới phân tích quốc phòng cùng các quan chức phương Tây. </p>
+
+    <h1 class="heading">Nga đổi trọng tâm, thay chiến thuật</h1>
+    <p>Sau khi Nga phát động chiến dịch quân sự ngày 24/2, Chủ tịch Hội đồng Tham mưu trưởng Liên quân Mỹ <a href= "file:///E:/javascript/lesson3/index.html" > Mark Milley</a> nhận định thủ đô của Ukraine có nguy cơ thất thủ trong vòng 72 giờ. Quân đội Nga áp sát Kiev ngày 25/2 với nhiều mũi tiến công khắp phía biên giới bắc Ukraine, gồm đổ bộ bằng lính dù cùng bộ binh từ hai hướng Belarus và Belgorod.    </p>
+</div>
+<img title="Cục diện chiến trường Ukraine sau 8 tuần giao tranh. Đồ họa: Al Jazeera."
+
+    src="https://i1-vnexpress.vnecdn.net/2022/04/23/Ban-do-Ukraine-6874-1650685007.jpg?w=680&h=0&q=100&dpr=1&fit=crop&s=rX4bYaUm2HH6sBHonvuVOQ" atl="anh minh hoa">
+<p>Đợt tiến công ở Donbass được phát động vài ngày sau khi đại tướng Alexander Dvornikov, 61 tuổi, được bổ nhiệm làm tổng chỉ huy giai đoạn hai của "chiến dịch quân sự đặc biệt".</p>
+<img title="Lính Nga tuần tra tại trung tâm thành phố Mariupol, trong khu vực lực lượng Ukraine đã mất quyền kiểm soát, vào ngày 12/4." src="https://i1-vnexpress.vnecdn.net/2022/04/23/Mariupol-5614-1650685007.jpg?w=680&h=0&q=100&dpr=1&fit=crop&s=w_4IzH_HdwGC6Dfhr-_rXg" atl="anh AFP">
+
+<div>
+    <ul>
+        <li>Không quân Ukraine sau hai tháng xung đột với Nga        </li>
+        <li>i trong chiến dịch Nga tấn công đông Ukraine        </li>
+        <li>Phương Tây tiến thoái lưỡng nan khi bơm vũ khí cho Ukraine        </li>
+        <li>Thiệt hại kinh tế của Nga, Ukraine sau gần hai tháng chiến sự 31        </li>
+    </ul>
+</div>
+<p> <input name="check" type="radio" > yes 
+    <input name="check" type="radio" > no </p> 
+    <p> 
+        <table class="resul">
+        <thead> <th class="name"> <b>KET QUA SO XO KIEN THIET</b> </th>
+            <th></th>
+            <th></th>
+            <th></th>
+        </thead>
+         <thead>
+                <th> DB</th>
+                <th> </th>
+                <th> Dau</th>
+                <th> Duoi</th>
+            </thead>
+            <tbody>
+                <tr> 
+                    <td> 3169</td>
+                    <td> </td>
+                    <td> 0</td>
+                    <td>  </td>
+                </tr>
+
+            </tbody>
+        </table>
+    </p>
+
+</body>
+</html>
diff --git a/test/index.html b/test/index.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+    <script src="./test.js"></script>
+</head>
+<body>
+    <h1>This is page Test javascript</h1>
+</body>
+</html>
diff --git a/test/test.js b/test/test.js
@@ -0,0 +1,17 @@
+var studensObject = new Object();
+
+console.log('Start program.');
+
+function getStudent(studens) {
+    var name = studens.name;
+    var age = studens.age;
+    var message = "student name: " + name + ". Student age: " + age;
+    return message;
+}
+
+studensObject.name = "Vi";
+studensObject.age = 26;
+
+var student = getStudent(studensObject);
+
+console.log(student);
diff --git a/workspace.code-workspace b/workspace.code-workspace
@@ -0,0 +1,7 @@
+{
+	"folders": [
+		{
+			"path": "."
+		}
+	]
+}