Bạn đang xem : biến html trong javascript

JavaScript

Biến

4 Cách Khai báo Biến JavaScript:

  • Sử dụng var
  • Sử dụng let
  • Sử dụng const
  • Không sử dụng gì

Biến là gì?

Các biến là vùng chứa để lưu trữ dữ liệu (lưu trữ các giá trị dữ liệu).

Trong ví dụ này, x , y z ,
là các biến, được khai báo với từ khóa var :

Ví dụ

var x = 5;
var y = 6;
var z = x + y;

Hãy tự mình thử »

Trong ví dụ này, x , y z ,
là các biến, được khai báo với từ khóa let :

Ví dụ

cho x = 5;
cho y = 6;
cho z = x + y;

Hãy tự mình thử »

Trong ví dụ này, x , y z ,
là các biến chưa được khai báo:

Ví dụ

x = 5;
y = 6;
z = x + y;

Hãy tự mình thử »

Từ tất cả các ví dụ ở trên, bạn có thể đoán:

  • x lưu trữ giá trị 5
  • y lưu trữ giá trị 6
  • z lưu trữ giá trị 11

Khi nào thì sử dụng JavaScript var?

Luôn khai báo các biến JavaScript với var , let ,
hoặc const .

Từ khóa var được sử dụng trong tất cả mã JavaScript từ 1995 đến 2015.

Từ khóa let const đã được thêm vào JavaScript vào năm 2015.

Nếu bạn muốn mã của mình chạy trong trình duyệt cũ hơn, bạn phải sử dụng var .

Khi nào sử dụng JavaScript const?

Nếu bạn muốn một quy tắc chung: luôn khai báo các biến với const .

Nếu bạn cho rằng giá trị của biến có thể thay đổi, hãy sử dụng let .

Trong ví dụ này, price1 , price2 tổng số , là các biến:

Ví dụ

const price1 = 5;
const price2 = 6;
đặt tổng = price1 + price2;

Hãy tự mình thử »

Hai biến price1 price2
được khai báo bằng từ khóa const .

Đây là những giá trị không đổi và không thể thay đổi.

Biến total được khai báo với từ khóa let .

Đây là một giá trị có thể thay đổi được.

Cũng giống như Đại số

Cũng giống như trong đại số, các biến giữ giá trị:

cho x = 5;
cho y = 6;

Cũng giống như trong đại số, các biến được sử dụng trong các biểu thức:

cho z = x + y;

Từ ví dụ trên, bạn có thể đoán rằng tổng số được tính là 11.

Lưu ý

Các biến là vùng chứa để lưu trữ các giá trị.

Mã nhận dạng JavaScript

Tất cả các biến JavaScript phải là
được xác định bằng tên riêng .

Những tên riêng này được gọi là số nhận dạng .

Số nhận dạng có thể là tên ngắn (như x và y) hoặc các tên mô tả khác (tuổi, tổng, tổng số).

Các quy tắc chung để tạo tên cho các biến (số nhận dạng duy nhất) là:

  • Tên có thể chứa các chữ cái, chữ số, dấu gạch dưới và ký hiệu đô la.
  • Tên phải bắt đầu bằng một chữ cái
  • Tên cũng có thể bắt đầu bằng $ và _ (nhưng chúng tôi sẽ không sử dụng nó trong hướng dẫn này)
  • Tên phân biệt chữ hoa chữ thường (y và Y là các biến khác nhau)
  • Không thể sử dụng các từ dành riêng (như từ khoá JavaScript) làm tên
Xem Thêm  Lập trình web với Visual Studio Code: HTML, CSS, JavaScript - cách chèn file .css vào html

Lưu ý

Giá trị nhận dạng JavaScript có phân biệt chữ hoa chữ thường.

Người điều hành nhiệm vụ

Trong JavaScript, dấu bằng ( = ) là toán tử “gán”, không phải là
toán tử “bằng”.

Điều này khác với đại số. Những điều sau đây không có ý nghĩa trong
đại số:

x = x + 5

Tuy nhiên, trong JavaScript, điều đó hoàn toàn hợp lý: nó chỉ định giá trị của x + 5 cho
x.

(Nó tính giá trị của x + 5 và đặt kết quả thành x. Giá trị của x
được tăng thêm 5)

Lưu ý

Toán tử “bằng” được viết giống như == trong JavaScript.

Các kiểu dữ liệu JavaScript

Các biến JavaScript có thể chứa các số như 100 và các giá trị văn bản như “John
Doe “.

Trong lập trình, các giá trị văn bản được gọi là chuỗi văn bản.

JavaScript có thể xử lý nhiều loại dữ liệu, nhưng hiện tại, hãy nghĩ đến số và chuỗi.

Các chuỗi được viết bên trong dấu ngoặc kép hoặc dấu nháy đơn. Các con số được viết
không có dấu ngoặc kép.

Nếu bạn đặt một số trong dấu ngoặc kép, nó sẽ được coi là một chuỗi văn bản.

Ví dụ

const pi = 3,14;
let person = “John Doe”;
let answer = ‘Đúng vậy!’;

Hãy tự mình thử »

Khai báo một biến JavaScript

Tạo một biến trong JavaScript được gọi là “khai báo” một biến.

Bạn khai báo một biến JavaScript với từ khóa var hoặc let :

var carName;

hoặc:

let carName;

hoặc:

Sau khi khai báo, biến không có giá trị (về mặt kỹ thuật là undefined ).

Để gán giá trị cho biến, hãy sử dụng dấu bằng:

carName = “Volvo”;

Bạn cũng có thể gán một giá trị cho biến khi khai báo nó:

let carName = “Volvo”;

Trong ví dụ dưới đây, chúng tôi tạo một biến có tên là carName và gán giá trị
“Volvo” với nó.

Sau đó, chúng tôi “xuất” giá trị bên trong một đoạn HTML với id = “demo”:

Ví dụ

& lt; p id = “demo” & gt; & lt; / p & gt;

& lt; script & gt;
let carName = “Volvo”;
document.getElementById (“demo”). innerHTML = carName;
& lt; / script & gt;

Hãy tự mình thử »

Lưu ý

Một phương pháp lập trình tốt là khai báo tất cả các biến ở đầu tập lệnh.

Một câu lệnh, nhiều biến

Bạn có thể khai báo nhiều biến trong một câu lệnh.

Bắt đầu tuyên bố
với let và phân tách các biến bằng dấu phẩy :

Ví dụ

let person = “John Doe”, carName = “Volvo”, price = 200;

Hãy tự mình thử »

Một khai báo có thể kéo dài nhiều dòng:

Ví dụ

let person = “John Doe”,
carName = “Volvo”,
giá = 200;

Hãy tự mình thử »

Giá trị = không xác định

Trong các chương trình máy tính, các biến thường được khai báo mà không có giá trị. Giá trị
có thể là một cái gì đó phải được tính toán, hoặc cái gì đó sẽ được cung cấp
sau đó, chẳng hạn như thông tin người dùng nhập.

Xem Thêm  CSS: Đặt Font-Family và Font-Size - phông chữ cỡ chữ gia đình

Một biến được khai báo không có giá trị sẽ có giá trị
không xác định
.

Biến carName sẽ có giá trị không xác định sau khi thực thi câu lệnh này:

Ví dụ

let carName;

Hãy tự mình thử »

Khai báo lại các biến JavaScript

Nếu bạn khai báo lại một biến JavaScript được khai báo bằng var , thì biến đó sẽ không bị mất giá trị.

Biến carName sẽ vẫn có giá trị “Volvo” sau khi thực thi các câu lệnh sau:

Ví dụ

var carName = “Volvo”;
var carName;

Hãy tự mình thử »

Lưu ý

Bạn không thể khai báo lại biến được khai báo bằng let hoặc const .

Điều này sẽ không hoạt động:

let carName = “Volvo”;
let carName;

JavaScript Số học

Giống như với đại số, bạn có thể tính toán số học với các biến JavaScript, bằng cách sử dụng
các toán tử như = + :

Ví dụ

cho x = 5 + 2 + 3;

Hãy tự mình thử »

Bạn cũng có thể thêm các chuỗi, nhưng các chuỗi sẽ được nối với nhau:

Ví dụ

let x = “John” + “” + “Doe”;

Hãy tự mình thử »

Cũng hãy thử cách này:

Ví dụ

cho x = “5” + 2 + 3;

Hãy tự mình thử »

Lưu ý

Nếu bạn đặt một số trong dấu ngoặc kép, phần còn lại của các số sẽ được coi là chuỗi và được nối với nhau.

Bây giờ, hãy thử cái này:

Ví dụ

cho x = 2 + 3 + “5”;

Hãy tự mình thử »

Ký hiệu đô la trong JavaScript $

Vì JavaScript coi ký hiệu đô la là một chữ cái, nên các số nhận dạng chứa $ là các tên biến hợp lệ:

Ví dụ

let $ = “Hello World”;
cho $$$ = 2;
hãy để $ myMoney = 5;

Hãy tự mình thử »

Việc sử dụng ký hiệu đô la không phổ biến trong JavaScript,
nhưng các lập trình viên chuyên nghiệp thường sử dụng nó
làm bí danh cho hàm chính trong thư viện JavaScript.

Ví dụ: trong thư viện JavaScript jQuery, hàm chính
$ được sử dụng để chọn các phần tử HTML.
Trong jQuery $ ("p"); có nghĩa là “chọn tất cả các phần tử p”.

Dấu gạch dưới JavaScript (_)

Vì JavaScript coi dấu gạch dưới là một chữ cái, các số nhận dạng có chứa _ là các tên biến hợp lệ:

Ví dụ

let _lastName = “Johnson”;
hãy để _x = 2;
hãy để _100 = 5;

Hãy tự mình thử »

Sử dụng dấu gạch dưới không phổ biến trong JavaScript,

nhưng một quy ước giữa các lập trình viên chuyên nghiệp là sử dụng nó làm bí danh cho
biến “riêng tư (ẩn)”.

Tự kiểm tra bằng các bài tập

Bài tập:

Tạo một biến có tên carName và gán giá trị Volvo cho nó.

var = "";

Bắt đầu bài tập


Xem thêm những thông tin liên quan đến chủ đề biến html trong javascript

DOM Document Object trong Javascript

  • Tác giả: F8 Official
  • Ngày đăng: 2020-05-01
  • Đánh giá: 4 ⭐ ( 1391 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Như tiêu đề thì trong bài học này chúng ta sẽ học về DOM Document Object trong Javascript. Anh em làm bài tập tại: https://fullstack.edu.vn/exercises/lesson/183

    🔥 Hãy chia sẻ các khóa học, vì ngoài kia có rất nhiều người đang cần nó ❤️
    🔥 Truy cập http://fullstack.edu.vn (miễn phí) để quản lý được tiến độ học của bạn. Trong tương lai còn giúp bạn có hồ sơ đẹp trong mắt Nhà Tuyển Dụng.
    🔥 Tham gia nhóm Học lập trình tại F8 trên Facebook: https://www.facebook.com/groups/f8official/

    hoclaptrinh mienphi frontend backend devops
    —————————————
    HỌC LẬP TRÌNH MIỄN PHÍ
    1. Khóa Javascript cơ bản: https://fullstack.edu.vn/courses/javascript-co-ban
    2. Khóa HTML, CSS: https://fullstack.edu.vn/courses/html-css
    3. Khóa Responsive web design: https://fullstack.edu.vn/courses/responsive-web-design
    —————————————
    LIÊN KẾT HỮU ÍCH
    1. Học lập trình: http://fullstack.edu.vn
    2. Viết CV xin việc: http://mycv.vn
    3. Danh sách phát Youtube: https://www.youtube.com/channel/UCNSCWwgW-rwmoE3Yc4WmJhw/playlists
    ———————————————————–
    LIÊN HỆ
    1. Facebook: https://fb.com/sondnmc
    2. Email: sondnf8@gmail.com

    Yêu các bạn ❤️

Thay đổi nội dung HTML và khả năng hiển thị của JavaScript

  • Tác giả: kenh49.vn
  • Đánh giá: 3 ⭐ ( 1421 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Cùng tìm hiểu về cách thay đổi nội dung trong html và khả năng hiện thị của JavaScript với nhiều thuộc tính khách nhau trong bài viết sau đây.

Làm thế nào để thêm JavaScript trong HTML

  • Tác giả: www.hostinger.vn
  • Đánh giá: 4 ⭐ ( 7438 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Các trang tĩnh như chỉ chứa toàn HTML file thường chậm do phải xác thực tại server. JavaScript tăng trải nghiệm cho người dùng và tăng tính linh hoạt của website nhờ xác thực dữ liệu từ phía người dùng thay vì phía server. Bài hướng dẫn này sẽ chỉ bạn cách chèn JavaScript trong HTML.

Biến (Variable) và Hằng (Constant) trong Javascript

  • Tác giả: hoccode.org
  • Đánh giá: 3 ⭐ ( 1765 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Biến (Variable) là gì? Hằng (Constant) là gì trong Javascript? Hướng dẫn cách để sử dụng Biến và Hằng trong Javascript. Phân tích sự khác biệt giữa Biến và Hằng.

Biến trong JavaScript

  • Tác giả: viettuts.vn
  • Đánh giá: 3 ⭐ ( 9043 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Một biến JavaScript đơn giản là một tên của vị trí lưu trữ. Có hai loại biến trong JavaScript: biến cục bộ (local) và biến toàn cầu (global).

[Tự học Javascript] Biến trong javascript

  • Tác giả: cafedev.vn
  • Đánh giá: 4 ⭐ ( 6577 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Hầu hết thời gian, một ứng dụng JavaScript cần phải làm việc với thông tin. Đây là hai ví dụ:

Biến trong JavaScript

  • Tác giả: pcthanh.com
  • Đánh giá: 4 ⭐ ( 5329 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Biến trong JavaScript nói riêng là tên đặc trưng cho một giá trị dữ liệu có thể bị thay đổi bởi các đoạn mã trong code của bạn.

Xem thêm các bài viết khác thuộc chuyên mục: Kiến thức lập trình

Xem Thêm  JavaScript document.createElement () Theo các ví dụ thực tế - javascript tạo phần tử nhãn

By ads_php