Hướng dẫn ôn tập javascript

Ôn tập javascript cơ bản nói về vai trò của javascript, các ứng dụng của javascript, các lệnh cơ bản như if, lặp. Cách khai báo biến, truy xuất và định dạng các tag…

1. Javascript là gì?

Javascript là ngôn ngữ lập trình [ C ]  chạy trong trình duyệt. Javascript đã được tích hợp sẵn vào mọi trình duyệt, cho nên bạn không cần thêm chương trình nào để chạy javascript.

Để viết code javascript cho trình duyệt chạy, bạn chỉ việc mở tag script trong trang. Ví dụ:

    
     ///mã lệnh javascript

Trong trang web , mã lệnh javascript có thể hòa lẫn mã html. Ví dụ:

Nghiệm của phương trình:document.write[-b/a] 

Trong javascript, bạn có thể tạo ra các biến và hằng để lưu giá trị tính toán; Có thể dễ dàng gọi dùng nhiều hàm và đối tượng có sẵn; Cũng có thể tạo thêm các hàm và đối tượng mới với cú pháp đơn giản.

Biến trong javascript thì có nhiều kiểu, như kiểu số, kiểu chuỗi, kiểu mảng, đối tượng… nhưng bạn không cần khai báo kiểu cho biến, chỉ việc khai báo tên và gán giá trị, tự trình duyệt dò kiểu. Mời bạn tạo file bien.html và code như sau để xem thử cách khai báo biến

var diem = 5;   //khai báo biến kiểu số
var hoten="Đỗ Đạt Cao";    //biến kiểu chuỗi
var phai = true;  //biến phái là kiểu boolean
var soluongSP =  [9, 3, 2, 1, 5] ; //khai báo 1 mảng
var kh2 = {  //khai báo 1 đối tượng
   ho:"Mai Thanh", 
   ten: "Toán",
   tuoi: 23 , 
   hoten : function[] { this.ho + " " + this.ten}
} 
var giohang = [ 
      { id: 43 , tensp:"Sam Sung Galaxy S8", soluong: 2} , 
      { id: 12 , tensp:"HTC M9", soluong: 4} , 
      { id: 26 , tensp:"Iphone 12", soluong: 1} 
]

Nếu có lỗi trong lúc chạy code javascript, trình duyệt sẽ báo trong tab console của Developer Tool. Bạn vào đó kiểm tra xem nếu thấy code chạy không đúng ý mình.

Ẩn Hiện

Lưu function anhien[]{ if [document.getElementById["frm1"].style.display=="none"] document.getElementById["frm1"].style.display="block"; else document.getElementById["frm1"].style.display="none"; } function gophim[obj]{document.getElementById["demLT"].innerText=obj.value.length} function xulySM[]{ alert["Bạn vừa submit form"];} function bl1[obj]{ obj.style.backgroundColor='white';} function fc1[obj]{ obj.style.backgroundColor='yellow';}

+ Sự kiện mouseover: xảy ra khi user đưa chuột vào tag

+ Sự kiện mouseout: xảy ra khi user đưa chuột ra khỏi tag  Ví du: cho.html

function vao[]{
    document.getElementById["h"].src="images/cho2.jpg";
}
function ra[]{
    document.getElementById["h"].src="images/cho1.jpg";
}


    body{ background: url[images/nen.jpg]; text-align: center;}
    #h{ width: 500px; margin: 50px auto; }

+ Sự kiện change: xảy ra khi user đổi giá trị của tag [select] . Ví dụ: changle.hhtml

    Chọn tỉnh    
    TP HCM    
    Hà Nội    
    Đà Nẵng    
    Cần Thơ    


function abc[]{
    var tinh = document.getElementById["tinh"];
    alert[tinh.value];
}