Bài tập JavaScript cho người mới bắt đầu
 Show 01. JavaScript là gì?
02. JavaScript có thể làm gì?
03. JavaScript không thể làm gì?
> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>swapping-variablestitle> <link rel="stylesheet" type="text/css" href="../style.css" /> head> <body> <h1>1-swapping-variables!h1> <h3>Swap the values of variableh3> <script type="text/javascript" src="script.js">script> body> html>
console.log('1-swapping-variables'); let value1 = 'one'; let value2 = 'two'; // original values console.log('original', value1); console.log('original', value2); // swapping values let value3 = value1; value1 = value2; value2 = value3; console.log('swap', value1); console.log('swap', value2);
body{ font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif; } h1, th{ font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; } table{ /* border: 2px solid #696969; border-collapse: collapse; */ font-size: 18px; } th{ width: 20%; } th, td{ padding: 10px; border: 2px solid #696969; text-align: center; } #freeSquare{ background-color: coral; }Ví dụ 2 số tối đa
> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>landscape-portraittitle> <link rel="stylesheet" type="text/css" href="../style.css" /> head> <body> <h1>3-landscape-portrait!h1> <h3>Write a function which checks given width and height, returns true (landscape) if width is greater than height and vice versah3> <script type="text/javascript" src="script.js">script> body> html>1
> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>landscape-portraittitle> <link rel="stylesheet" type="text/css" href="../style.css" /> head> <body> <h1>3-landscape-portrait!h1> <h3>Write a function which checks given width and height, returns true (landscape) if width is greater than height and vice versah3> <script type="text/javascript" src="script.js">script> body> html>3Ví dụ 3 Chân dung phong cảnh
> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>landscape-portraittitle> <link rel="stylesheet" type="text/css" href="../style.css" /> head> <body> <h1>3-landscape-portrait!h1> <h3>Write a function which checks given width and height, returns true (landscape) if width is greater than height and vice versah3> <script type="text/javascript" src="script.js">script> body> html>
> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>landscape-portraittitle> <link rel="stylesheet" type="text/css" href="../style.css" /> head> <body> <h1>3-landscape-portrait!h1> <h3>Write a function which checks given width and height, returns true (landscape) if width is greater than height and vice versah3> <script type="text/javascript" src="script.js">script> body> html>4Ví dụ 4 Thuật toán FizzBuzz
> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>landscape-portraittitle> <link rel="stylesheet" type="text/css" href="../style.css" /> head> <body> <h1>3-landscape-portrait!h1> <h3>Write a function which checks given width and height, returns true (landscape) if width is greater than height and vice versah3> <script type="text/javascript" src="script.js">script> body> html>9
> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>landscape-portraittitle> <link rel="stylesheet" type="text/css" href="../style.css" /> head> <body> <h1>3-landscape-portrait!h1> <h3>Write a function which checks given width and height, returns true (landscape) if width is greater than height and vice versah3> <script type="text/javascript" src="script.js">script> body> html>1Ví dụ 5 Giới hạn tốc độ
> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>landscape-portraittitle> <link rel="stylesheet" type="text/css" href="../style.css" /> head> <body> <h1>3-landscape-portrait!h1> <h3>Write a function which checks given width and height, returns true (landscape) if width is greater than height and vice versah3> <script type="text/javascript" src="script.js">script> body> html>3
console.log('1-swapping-variables'); let value1 = 'one'; let value2 = 'two'; // original values console.log('original', value1); console.log('original', value2); // swapping values let value3 = value1; value1 = value2; value2 = value3; console.log('swap', value1); console.log('swap', value2);0Ví dụ 6 Vòng lặp số chẵn lẻ
console.log('1-swapping-variables'); let value1 = 'one'; let value2 = 'two'; // original values console.log('original', value1); console.log('original', value2); // swapping values let value3 = value1; value1 = value2; value2 = value3; console.log('swap', value1); console.log('swap', value2);1
console.log('1-swapping-variables'); let value1 = 'one'; let value2 = 'two'; // original values console.log('original', value1); console.log('original', value2); // swapping values let value3 = value1; value1 = value2; value2 = value3; console.log('swap', value1); console.log('swap', value2);2Ví dụ 7 Đếm các giá trị thật giả
console.log('1-swapping-variables'); let value1 = 'one'; let value2 = 'two'; // original values console.log('original', value1); console.log('original', value2); // swapping values let value3 = value1; value1 = value2; value2 = value3; console.log('swap', value1); console.log('swap', value2);3
console.log('1-swapping-variables'); let value1 = 'one'; let value2 = 'two'; // original values console.log('original', value1); console.log('original', value2); // swapping values let value3 = value1; value1 = value2; value2 = value3; console.log('swap', value1); console.log('swap', value2);4Ví dụ 8 Khóa thuộc tính chuỗi đối tượng
console.log('1-swapping-variables'); let value1 = 'one'; let value2 = 'two'; // original values console.log('original', value1); console.log('original', value2); // swapping values let value3 = value1; value1 = value2; value2 = value3; console.log('swap', value1); console.log('swap', value2);5
console.log('1-swapping-variables'); let value1 = 'one'; let value2 = 'two'; // original values console.log('original', value1); console.log('original', value2); // swapping values let value3 = value1; value1 = value2; value2 = value3; console.log('swap', value1); console.log('swap', value2);6Ví dụ 9 Tổng các bội số
console.log('1-swapping-variables'); let value1 = 'one'; let value2 = 'two'; // original values console.log('original', value1); console.log('original', value2); // swapping values let value3 = value1; value1 = value2; value2 = value3; console.log('swap', value1); console.log('swap', value2);7
console.log('1-swapping-variables'); let value1 = 'one'; let value2 = 'two'; // original values console.log('original', value1); console.log('original', value2); // swapping values let value3 = value1; value1 = value2; value2 = value3; console.log('swap', value1); console.log('swap', value2);8Ví dụ 10 Mẫu vòng lặp lồng nhau
console.log('1-swapping-variables'); let value1 = 'one'; let value2 = 'two'; // original values console.log('original', value1); console.log('original', value2); // swapping values let value3 = value1; value1 = value2; value2 = value3; console.log('swap', value1); console.log('swap', value2);9
body{ font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif; } h1, th{ font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; } table{ /* border: 2px solid #696969; border-collapse: collapse; */ font-size: 18px; } th{ width: 20%; } th, td{ padding: 10px; border: 2px solid #696969; text-align: center; } #freeSquare{ background-color: coral; }0Ví dụ 11 Điểm Trung bình Điểm
body{ font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif; } h1, th{ font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; } table{ /* border: 2px solid #696969; border-collapse: collapse; */ font-size: 18px; } th{ width: 20%; } th, td{ padding: 10px; border: 2px solid #696969; text-align: center; } #freeSquare{ background-color: coral; }1
body{ font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif; } h1, th{ font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; } table{ /* border: 2px solid #696969; border-collapse: collapse; */ font-size: 18px; } th{ width: 20%; } th, td{ padding: 10px; border: 2px solid #696969; text-align: center; } #freeSquare{ background-color: coral; }2Ví dụ 12 Thẻ Bingo ngẫu nhiên
body{ font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif; } h1, th{ font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; } table{ /* border: 2px solid #696969; border-collapse: collapse; */ font-size: 18px; } th{ width: 20%; } th, td{ padding: 10px; border: 2px solid #696969; text-align: center; } #freeSquare{ background-color: coral; }3
body{ font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif; } h1, th{ font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; } table{ /* border: 2px solid #696969; border-collapse: collapse; */ font-size: 18px; } th{ width: 20%; } th, td{ padding: 10px; border: 2px solid #696969; text-align: center; } #freeSquare{ background-color: coral; }4Ví dụ 13 Hiển thị số nguyên tố
body{ font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif; } h1, th{ font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; } table{ /* border: 2px solid #696969; border-collapse: collapse; */ font-size: 18px; } th{ width: 20%; } th, td{ padding: 10px; border: 2px solid #696969; text-align: center; } #freeSquare{ background-color: coral; }5
body{ font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif; } h1, th{ font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; } table{ /* border: 2px solid #696969; border-collapse: collapse; */ font-size: 18px; } th{ width: 20%; } th, td{ padding: 10px; border: 2px solid #696969; text-align: center; } #freeSquare{ background-color: coral; }6Ví dụ 14 Tổng các đối số
body{ font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif; } h1, th{ font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; } table{ /* border: 2px solid #696969; border-collapse: collapse; */ font-size: 18px; } th{ width: 20%; } th, td{ padding: 10px; border: 2px solid #696969; text-align: center; } #freeSquare{ background-color: coral; }7
body{ font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif; } h1, th{ font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; } table{ /* border: 2px solid #696969; border-collapse: collapse; */ font-size: 18px; } th{ width: 20%; } th, td{ padding: 10px; border: 2px solid #696969; text-align: center; } #freeSquare{ background-color: coral; }8Ví dụ 15 Mảng tổng các đối số
body{ font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif; } h1, th{ font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; } table{ /* border: 2px solid #696969; border-collapse: collapse; */ font-size: 18px; } th{ width: 20%; } th, td{ padding: 10px; border: 2px solid #696969; text-align: center; } #freeSquare{ background-color: coral; }9
> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>landscape-portraittitle> <link rel="stylesheet" type="text/css" href="../style.css" /> head> <body> <h1>3-landscape-portrait!h1> <h3>Write a function which checks given width and height, returns true (landscape) if width is greater than height and vice versah3> <script type="text/javascript" src="script.js">script> body> html>10Ví dụ 16 Thuộc tính chỉ đọc đối tượng diện tích hình tròn
> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>landscape-portraittitle> <link rel="stylesheet" type="text/css" href="../style.css" /> head> <body> <h1>3-landscape-portrait!h1> <h3>Write a function which checks given width and height, returns true (landscape) if width is greater than height and vice versah3> <script type="text/javascript" src="script.js">script> body> html>11
> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>landscape-portraittitle> <link rel="stylesheet" type="text/css" href="../style.css" /> head> <body> <h1>3-landscape-portrait!h1> <h3>Write a function which checks given width and height, returns true (landscape) if width is greater than height and vice versah3> <script type="text/javascript" src="script.js">script> body> html>12Ví dụ 17 Tạo mảng từ phạm vi đối số
> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>landscape-portraittitle> <link rel="stylesheet" type="text/css" href="../style.css" /> head> <body> <h1>3-landscape-portrait!h1> <h3>Write a function which checks given width and height, returns true (landscape) if width is greater than height and vice versah3> <script type="text/javascript" src="script.js">script> body> html>13
> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>landscape-portraittitle> <link rel="stylesheet" type="text/css" href="../style.css" /> head> <body> <h1>3-landscape-portrait!h1> <h3>Write a function which checks given width and height, returns true (landscape) if width is greater than height and vice versah3> <script type="text/javascript" src="script.js">script> body> html>14Ví dụ 18 Mảng bao gồm phần tử tồn tại
> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>landscape-portraittitle> <link rel="stylesheet" type="text/css" href="../style.css" /> head> <body> <h1>3-landscape-portrait!h1> <h3>Write a function which checks given width and height, returns true (landscape) if width is greater than height and vice versah3> <script type="text/javascript" src="script.js">script> body> html>15
> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>landscape-portraittitle> <link rel="stylesheet" type="text/css" href="../style.css" /> head> <body> <h1>3-landscape-portrait!h1> <h3>Write a function which checks given width and height, returns true (landscape) if width is greater than height and vice versah3> <script type="text/javascript" src="script.js">script> body> html>16Ví dụ 19 Mảng không bao gồm giá trị cho mảng mới
> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>landscape-portraittitle> <link rel="stylesheet" type="text/css" href="../style.css" /> head> <body> <h1>3-landscape-portrait!h1> <h3>Write a function which checks given width and height, returns true (landscape) if width is greater than height and vice versah3> <script type="text/javascript" src="script.js">script> body> html>17
> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>landscape-portraittitle> <link rel="stylesheet" type="text/css" href="../style.css" /> head> <body> <h1>3-landscape-portrait!h1> <h3>Write a function which checks given width and height, returns true (landscape) if width is greater than height and vice versah3> <script type="text/javascript" src="script.js">script> body> html>18Ví dụ 20 Số lần tìm kiếm mảng
> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>landscape-portraittitle> <link rel="stylesheet" type="text/css" href="../style.css" /> head> <body> <h1>3-landscape-portrait!h1> <h3>Write a function which checks given width and height, returns true (landscape) if width is greater than height and vice versah3> <script type="text/javascript" src="script.js">script> body> html>19
> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>landscape-portraittitle> <link rel="stylesheet" type="text/css" href="../style.css" /> head> <body> <h1>3-landscape-portrait!h1> <h3>Write a function which checks given width and height, returns true (landscape) if width is greater than height and vice versah3> <script type="text/javascript" src="script.js">script> body> html>30
> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>landscape-portraittitle> <link rel="stylesheet" type="text/css" href="../style.css" /> head> <body> <h1>3-landscape-portrait!h1> <h3>Write a function which checks given width and height, returns true (landscape) if width is greater than height and vice versah3> <script type="text/javascript" src="script.js">script> body> html>31
> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>landscape-portraittitle> <link rel="stylesheet" type="text/css" href="../style.css" /> head> <body> <h1>3-landscape-portrait!h1> <h3>Write a function which checks given width and height, returns true (landscape) if width is greater than height and vice versah3> <script type="text/javascript" src="script.js">script> body> html>32Ví dụ 22 Bản đồ sắp xếp bộ lọc mảng
> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>landscape-portraittitle> <link rel="stylesheet" type="text/css" href="../style.css" /> head> <body> <h1>3-landscape-portrait!h1> <h3>Write a function which checks given width and height, returns true (landscape) if width is greater than height and vice versah3> <script type="text/javascript" src="script.js">script> body> html>33
> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>landscape-portraittitle> <link rel="stylesheet" type="text/css" href="../style.css" /> head> <body> <h1>3-landscape-portrait!h1> <h3>Write a function which checks given width and height, returns true (landscape) if width is greater than height and vice versah3> <script type="text/javascript" src="script.js">script> body> html>34Ví dụ 23 Đối tượng Tạo đối tượng Sinh viên và Địa chỉ
> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>landscape-portraittitle> <link rel="stylesheet" type="text/css" href="../style.css" /> head> <body> <h1>3-landscape-portrait!h1> <h3>Write a function which checks given width and height, returns true (landscape) if width is greater than height and vice versah3> <script type="text/javascript" src="script.js">script> body> html>35
> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>landscape-portraittitle> <link rel="stylesheet" type="text/css" href="../style.css" /> head> <body> <h1>3-landscape-portrait!h1> <h3>Write a function which checks given width and height, returns true (landscape) if width is greater than height and vice versah3> <script type="text/javascript" src="script.js">script> body> html>36Ví dụ 24 Tạo đối tượng Object Factory Hàm Constructor
> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>landscape-portraittitle> <link rel="stylesheet" type="text/css" href="../style.css" /> head> <body> <h1>3-landscape-portrait!h1> <h3>Write a function which checks given width and height, returns true (landscape) if width is greater than height and vice versah3> <script type="text/javascript" src="script.js">script> body> html>37
> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>landscape-portraittitle> <link rel="stylesheet" type="text/css" href="../style.css" /> head> <body> <h1>3-landscape-portrait!h1> <h3>Write a function which checks given width and height, returns true (landscape) if width is greater than height and vice versah3> <script type="text/javascript" src="script.js">script> body> html>38Ví dụ 25 Bình đẳng đối tượng
> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>landscape-portraittitle> <link rel="stylesheet" type="text/css" href="../style.css" /> head> <body> <h1>3-landscape-portrait!h1> <h3>Write a function which checks given width and height, returns true (landscape) if width is greater than height and vice versah3> <script type="text/javascript" src="script.js">script> body> html>39
> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>landscape-portraittitle> <link rel="stylesheet" type="text/css" href="../style.css" /> head> <body> <h1>3-landscape-portrait!h1> <h3>Write a function which checks given width and height, returns true (landscape) if width is greater than height and vice versah3> <script type="text/javascript" src="script.js">script> body> html>0 Tôi có thể thực hành các kỹ năng JavaScript của mình ở đâu?25 trang web miễn phí để học JavaScript . freeCodeCamp. tổ chức. . JavaScript 30. . MãMentor. . giáo dục. io – Tìm hiểu HTML, CSS và JavaScript từ đầu. . Học JavaScript - Khóa học đầy đủ cho người mới bắt đầu từ freeCodeCamp. . JavaScript. thông tin. . học viện mật mã. . Sololearning JavaScript có dễ học cho người mới bắt đầu không?JavaScript là ngôn ngữ lập trình đơn giản và dễ học so với các ngôn ngữ khác như C++, Ruby và Python. Đây là một ngôn ngữ thông dịch cấp cao, có thể dễ dàng được nhúng với các ngôn ngữ như HTML.
Bước đầu tiên để học JavaScript là gì?Bắt đầu với những điều cơ bản. . Tải xuống Trình chỉnh sửa mã hoặc sử dụng trực tuyến. . Sử dụng một khóa học trực tuyến tốt. . Đừng Sợ Thực Hành. . Kết nối với một người cố vấn. . Đảm bảo rằng bạn ghi chép nhiều. . Hiểu từng dòng mã của bạn. . Luôn có Hướng dẫn Tham khảo Tiện dụng |
