Sự kiện nào xảy ra khi người dùng kích vào một phần tử HTML trên trang?

onclick

onmouseover

onchange

onmouseclick

Trả lời:

Đáp án đúng: A

Câu hỏi này kiểm tra kiến thức về các sự kiện (events) trong JavaScript, đặc biệt là sự kiện xảy ra khi người dùng *kích* (click) vào một phần tử HTML. * **A. onclick:** Đây là sự kiện xảy ra khi một phần tử HTML bị *click* (nhấn chuột và thả ra) bởi người dùng. Đây là đáp án chính xác. * **B. onmouseover:** Sự kiện này xảy ra khi con trỏ chuột *di chuyển vào* một phần tử HTML, không phải khi kích vào nó. * **C. onchange:** Sự kiện này thường được sử dụng cho các phần tử form như input, select, textarea và xảy ra khi giá trị của các phần tử này thay đổi, không phải khi click. * **D. onmouseclick:** Đây không phải là một sự kiện chuẩn trong JavaScript. Sự kiện chính xác cho hành động click chuột là `onclick`. Vì vậy, đáp án đúng là A.

500+ câu hỏi trắc nghiệm Javascript, CSS, HTML có đáp án chi tiết - Phần 8

Tổng hợp 500 câu hỏi trắc nghiệm Javascript có đáp án đầy đủ nhằm giúp các bạn dễ dàng ôn tập lại toàn bộ các kiến thức.

50 câu hỏi 60 phút

Bắt đầu thi

Câu hỏi liên quan

Câu 36:

Cho đoạn code sau. Kết quả là:
const ar = [5, 1, 3, 7, 25]
const ar1 = ar;
console.log(ar1.sort());
([5, 25].indexOf(ar[1]) != -1 &&
console.log(ar.reverse())) ||
(ar[3] == 25 && console.log(ar));
console.log(ar1);

Lời giải:

Đáp án đúng: C

Đoạn code JavaScript này kiểm tra kiến thức về mảng, tham chiếu, hàm `sort`, `indexOf`, `reverse` và toán tử `&&`, `||`.

1. `const ar = [5, 1, 3, 7, 25]` Khởi tạo mảng `ar`.
2. `const ar1 = ar` Tạo một tham chiếu `ar1` đến mảng `ar`. Điều này có nghĩa là `ar` và `ar1` cùng trỏ đến một vùng nhớ duy nhất. Thay đổi trên `ar` sẽ ảnh hưởng đến `ar1` và ngược lại.
3. `console.log(ar1.sort())` Hàm `sort()` sắp xếp mảng tại chỗ (modify mảng gốc). Vì `ar1` là tham chiếu đến `ar`, cả `ar` và `ar1` đều bị thay đổi. Kết quả là `[1, 3, 5, 7, 25]` sẽ được in ra console.
4. `([5, 25].indexOf(ar[1]) != -1 && console.log(ar.reverse())) || (ar[3] == 25 && console.log(ar))` Đây là một biểu thức phức tạp sử dụng toán tử `&&` và `||`.
* `ar[1]` hiện tại là `3` (vì mảng `ar` đã được sắp xếp ở bước trước).
* `[5, 25].indexOf(ar[1])` tương đương `[5, 25].indexOf(3)`, trả về `-1` (vì `3` không có trong mảng `[5, 25]`).
* `[5, 25].indexOf(ar[1]) != -1` là `false` (vì `-1 != -1` là `false`).
* Do vế trái của `&&` là `false`, `console.log(ar.reverse())` không được thực thi.
* Toán tử `||` sẽ xét vế bên phải: `(ar[3] == 25 && console.log(ar))`
* `ar[3]` hiện tại là `7` (mảng `ar` đã được sắp xếp thành `[1, 3, 5, 7, 25]`).
* `ar[3] == 25` là `false` (vì `7 == 25` là `false`).
* Do vế trái của `&&` là `false`, `console.log(ar)` không được thực thi.
5. `console.log(ar1)` In ra mảng `ar1`. Vì `ar1` là tham chiếu đến `ar` và `ar` đã được sắp xếp, kết quả in ra là `[1, 3, 5, 7, 25]`.

Vậy đáp án đúng là không có trong các phương án đã cho. Output đúng phải là:
[1, 3, 5, 7, 25]
[1, 3, 5, 7, 25]

Câu 37:

Cho đoạn code sau, kết quả sẽ là:
const compare = a => a === a;
console.log(compare(null));
console.log(compare(undefined));
console.log(compare(NaN));
console.log(compare([NaN]));

Lời giải:

Đáp án đúng: C

Đoạn code sử dụng arrow function `compare` để so sánh một giá trị với chính nó bằng toán tử `===`. Toán tử `===` so sánh cả giá trị và kiểu dữ liệu. Chúng ta cần xét từng trường hợp:

* `compare(null)`: `null === null` trả về `true`.
* `compare(undefined)`: `undefined === undefined` trả về `true`.
* `compare(NaN)`: `NaN === NaN` trả về `false`. Đây là một đặc tính đặc biệt của `NaN` trong JavaScript.
* `compare([NaN])`: `[NaN] === [NaN]` trả về `false` vì đây là so sánh tham chiếu của hai mảng khác nhau. Tuy nhiên, câu hỏi gốc lại là `compare(NaN)`, tức là truyền `NaN` chứ không phải một mảng chứa `NaN`. Do đó, đây phải là một lỗi đánh máy. Nếu đề bài là `compare([NaN])` thì kết quả phải khác. Tuy nhiên, đối chiếu lại với các đáp án, ta thấy đáp án phù hợp nhất là khi dòng code cuối là `console.log(compare(NaN))`

Vậy, kết quả đúng phải là `true true false true` nếu có sự nhầm lẫn ở dòng code cuối.

Câu 38:

Cho đoạn code sau, kết quả là:
const n = 5;
console.log(1..n); // ?

Lời giải:

Đáp án đúng: B

Đoạn code `1..n` gây ra lỗi cú pháp (Syntax error) trong JavaScript. Trong JavaScript, khi bạn muốn gọi một phương thức trên một số trực tiếp (như `1.toString()`), bạn cần phải sử dụng hai dấu chấm (`.`) để trình thông dịch không nhầm lẫn dấu chấm đầu tiên với dấu chấm thập phân. Tuy nhiên, việc sử dụng toán tử range như `1..n` không phải là cú pháp hợp lệ trong JavaScript để tạo một mảng các số từ 1 đến n. Do đó, trình thông dịch sẽ báo lỗi cú pháp.

Câu 39:

Kết quả của đoạn code là:
const user = {
name: 'lao Hac',
age: 69,
pet: {
type: 'cho',
name: 'vang'
}
};
Object.freeze(user);
user.pet.name = 'shiba';
console.log(user.pet.name);

Lời giải:

Đáp án đúng: A

Đoạn code trên liên quan đến việc sử dụng `Object.freeze()` trong JavaScript. Hàm `Object.freeze()` đóng băng một đối tượng, nghĩa là nó ngăn chặn việc thêm thuộc tính mới, xóa thuộc tính và thay đổi giá trị của các thuộc tính hiện có. Tuy nhiên, nếu một thuộc tính là một đối tượng (nested object), thì chỉ đối tượng bên ngoài (trong trường hợp này là `user`) bị đóng băng. Các thuộc tính của đối tượng lồng nhau (trong trường hợp này là `user.pet`) vẫn có thể thay đổi được.

Trong đoạn code trên, `user` bị đóng băng bằng `Object.freeze(user)`. Tuy nhiên, `user.pet` là một đối tượng, và nó không bị đóng băng. Do đó, việc gán `user.pet.name = 'shiba'` là hợp lệ và không gây ra lỗi. Khi `console.log(user.pet.name)` được gọi, nó sẽ in ra giá trị mới của `user.pet.name`, tức là `'shiba'`.

Vì vậy, đáp án đúng là A. shiba.

Câu 40:

Cấu trúc đơn giản của một trang HTML được khai báo theo thứ tự là:

Lời giải:

Đáp án đúng: D

Cấu trúc cơ bản của một trang HTML bắt đầu với thẻ <html>, đây là thẻ gốc bao bọc toàn bộ nội dung của trang. Bên trong thẻ <html>, chúng ta có hai phần chính: <head> và <body>. Thẻ <head> chứa các thông tin meta về trang, chẳng hạn như tiêu đề trang (<title>), các liên kết đến CSS, JavaScript, và các thông tin khác mà trình duyệt cần để xử lý trang. Thẻ <body> chứa nội dung hiển thị thực tế của trang, bao gồm văn bản, hình ảnh, video, và các thành phần khác mà người dùng nhìn thấy. Vì vậy, thứ tự đúng phải là HTML, HEAD, BODY.

Câu 41:

Để khai báo một bảng trên trang web ta sử dụng thẻ:

Lời giải: