Task 18

Task 17

Task 16

Task 15

Task 14 Đức Long + Sơn

task 5 java

isNaN(<giá trị>): kiểm tra giá trị. Nếu không phải số trả về true, ngược lại nếu là số trả về false

Các ví dụ vòng lặp với các && ||

var a= true;
var b=true;
var c = function(){
   if ( a && b ){  
   return true;
   }
   else{
   return false;
   }
  };
Đây tất cả giá trị kiểu boolean xét các event trong java :D 

so sánh && Trả về giá trị true khi cả 2 a và b đều true 

|| Toán tử OR so sánh hai biểu thức. Chỉ trả về giá trị FALSE khi cả hai biểu thức đều mang giá trị là FALSE

task 4 java

var bool = true;

while(bool){

    console.log("Less is more!");

    bool = false;

}

in ra :

Less is more!

false

var count = 3 ;

var loop = function(){

      while(count>0){

       console.log("i'm coding");

   count--;

   }

};

loop();

   

   in ra 3 dòng i'm coding

var bool = true;

var soloLoop=function(){

    while(bool){

        console.log("lặp 1 lần!");

        bool = false;

    }

};

soloLoop();

task 3 Java

for (var i = 5; i <= 50; i += 5) {
 console.log(i);
 in ra 5,10,15,...50.

mảng
var mang=["apple",1,2]
mang là 1 mảng có các giá trị  apple 1 2
console.log(mang[1])
in ra giá trị vị trí số 1 trong mảng là :1

var cities =[1,2,3,4,5];
for ( var i = 0; i<cities.length ; i++){
console.log("visited" + cities[2]);
}
in ra visited 3

task 2 java

var myAge = 19 : biến myAge có giá trị là 19
var myname = "string" : biền myname có giá trị là 1 chuỗi

"wonderful day".substring(3,7); lấy giá tri vị trí thứ 3 đến vị trí thứ 7 trong chuỗi

console.log("Hamburgers".substring(3.10));   in ra vị giá trị  trí thứ 3 đến vị trí thứ 10 trong chuỗi

var myAge = 19 : khai báo tuổi = 19
var myname = "Minh" : khai báo tên Minh ( và đặt trong dấu "" kép )


console.log("myCountry".length);  in ra số chiều dai của myCountry
console.log("myCountry".substring(0,3) in ra 3 chữ cái đầu myC

confirm("I am ready to play!");

var divideByThree = function (number) {    hàm có tên là  divideByThree với giá trị truyền vào là number
    var val = number / 3;    : khai báo 1 biến val
    console.log(val);   : in ra giá trị của val


var userChoice = prompt("Do you choose rock, paper or scissors?");
var computerChoice = Math.random();
if (computerChoice < 0.34) {
 computerChoice = "rock";
} else if(computerChoice <= 0.67) {
 computerChoice = "paper";
} else {
 computerChoice = "scissors";
} console.log("Computer: " + computerChoice);
var compare = function(choice1, choice2) {
    if(choice1 === choice2) {
        return "The result is a tie!";
    }else if(choice1 === "rock"){
        if(choice2 === "scissors")
        {
            return "rock wins"
        }
        else{
            return "paper wins"
        }
    }
    else if(choice === "paper"){
        if(choice2 === "rock"){
            return "paper wins"
        }
        else{
            return"scissors wins"
        }
    }
};

Task 1 java

length  : đếm kí tự  xem có bao nhiêu phần tử

confirm("string") : tạo hộp thoại xác nhận

prompt("What is your name?");   : dạng câu hỏi và bạn có thể ghi trả lời vào bên trong khi nó chạy

"I'm coding like a champ".length > 10  : dùng để so sánh cái đoạn string kia nếu có tổng kí tự lớn hơn 10 thì sẽ in ra màn hình là true.

console.log(2 * 5) : in ra kết quả của 2 nhân 5 là 10
console.log("Hello") : in ra Hello

console.log("Xiao Hui".length < 122);      : so sánh đúng thì in ra true
console.log("Goody Donaldson".length  > 8);
console.log(8*2  === 16); 


if ("string".length >= 7 )
{
    console.log("Let's go down the first road!");
}
else
{
    // What should we do if the condition is false? Fill in here:
    console.log("fail");
}



if( 12 % 2 === 0 ) {
    console.log("The first number is even");
} else {
    console.log("The first number is odd");
}Kiểm tra số chẵn lẻ

Task 6 HTML

border: 4px solid #00C957; :tạo ô vuông tròn nhưng đứt nét

 #best_friend{

    border: 4px dashed #00C957; :tạo ô vuông tròn liền nét 

 <div id="inline-block"></div> : để khóa các dòng bên trong lại, hay nếu mà nó bị CSS đổi mầu thì lock lại ra màu trắng @@

  

  bên CSS nếu viết :  display:inline-block; : sẽ làm cho các ô xếp theo hàng ngang từ trái qua phải.

                          display:inline; : sẽ gộp tất ô lại.

         display:none;  : không in ra lệnh gì hết.

           margin: auto;  : in ô đó ra giữa

           

           

 margin-top: 20px; : từ cạnh trên của ô đó tính cách ra lề là 20px;

 margin-right: 50px; từ cạnh phải của ô đó tính cách ra lề phải là 50px;

 margin-bottom: 10px; từ cạnh dưới của ô đó tính cách ra lề bên dưới là 50px;

 margin-left: 5px; từ cạnh trái của ô đó tính cách ra lề trái là 50px;

 margin-top: -20px; : đẩy ô đó lên trên 20px so với mặc định

 CSS viết :  float: right; chuyển phần tử qua phải.

                clear:both; nếu 2 cái ô đang bị chèn ngang vào nhau thì sẽ tự động sắp đặt vị trí chuẩn để hiển thị hết ô ra màn hình

               position:absolute : định vị giá trị tuyệt đối

      

      #inner{

    position: relative;

    margin-left: 200px;

}    xét vị trí tương đối , cách mép trái 200px

border-radius: lam cong viền 

Task 5 HTML

 *{

    border: 2px dashed #3A5FCD;

}

cho toàn bộ cái tat cả các element viền  sang màu xanh và có 2px

<div class="fancy"></div> div sẽ được kế thừa bởi lớp tên là fancy

khi sang Css ta có thể chỉnh sửa lớp fancy này thì tất cả nằm trong div sẽ thay đổi toàn bộ

  <h2 id="intro">Introduction</h2> gắn h2 là 1 index mang tên intro khi sang CSS phải khai báo như này #intro{

    color:#B83C3A;

}

khi bên <h3 class="standout">text</h3> thì bên CSS khai báo như này #standout{ lệnh }

<body>

  <div>

   <p>I'm the first child!</p>                  =>>>>>     p:first-child{ font-family: cursive;} : chỉ đến dòng p đầu tiên thành font cursive

   <p>We're not.</p>                            =>>>>>     p:nth-child(2){ font-family: Arial;}  : chỉ dến dòng p2 thành font Arial

   <p>We're not.</p>                ( các đòng dưới tương tự )

   <p>We're not.</p>                            

   <p>We're not.</p>

   <p>We're not.</p>

   <p>We're not.</p>  

  </div>

 </body>

 border-radius: 100%;  để tạo khung hình tròn

 #best_friend{

    border: 4px solid #00C957; :tạo ô vuông tròn nhưng đứt nét

 #best_friend{

    border: 4px dashed #00C957; :tạo ô vuông tròn liền nét 

Task 4 HTML

Border : chỉnh viền với nhiều thuộc tính như kích thước màu kieu thuong dung trong the <div>
VD border : 1px soild blue
text decoration : hiệu chỉnh dòng text trong thẻ A gạch chân , gạch ngang , không có gạch .....
VD text decoration

HTML task 3

<link type="text/css" rel="stylesheet" href="stylesheet.css"/> : chèn địa chỉ css tới html để nó làm theo ý mình

Trong tab .css viết p{ lệnh } hoặc h1{lệnh}... để config trực tiếp sang .html

/* Thêm text vào đây để nói note cho từng đoạn code mình viết ra nó là làm cho đoạn code nào , cho người đọc lại code của mình rễ nhìn ,hiểu hơn */

Có thể thêm 1 cách viết cỡ chữ khác px đó là em . VD : <p style="font-size:18 em">rock</p> để biế em ( em = 18px )

Cơ bản để tạo xương cho HTML :

<!DOCTYPE html>

<html>

    <head>

    <title>

</title>

    <head>

<body>

  <table>

     <thead>

     <tbody>

 </tbody>

     <thead>

  </table>

</body>

</html>

Sẽ hiểu đoạn code như sau : <tr>

                                 <td></td>

 <td></td>

 <td></td>

</td>

sẽ tạo ra 1 hàng tr gồm 3 phần tử bảng td

text-decoration: none;  : để làm cho link bạn dẫn không bị gạch chân

<div>

    <div>

        <p>I like tacos!</p> để chọn dòng p thay đổi màu ta phải làm như sau bên CSS:div div p {

    /*CSS stuff!*/

}

*{

    border: 2px dashed #3A5FCD;

}

cho toàn bộ cái border bảng sang màu xanh và có 2px