{"id":74440,"date":"2024-06-28T08:58:06","date_gmt":"2024-06-28T01:58:06","guid":{"rendered":"https:\/\/itviec.com\/blog\/?p=74440"},"modified":"2024-06-28T08:58:06","modified_gmt":"2024-06-28T01:58:06","slug":"bai-tap-javascript-co-ban","status":"publish","type":"post","link":"https:\/\/itviec.com\/blog\/bai-tap-javascript-co-ban\/","title":{"rendered":"B\u00e0i t\u1eadp JavaScript c\u01a1 b\u1ea3n k\u00e8m l\u1eddi gi\u1ea3i cho ng\u01b0\u1eddi m\u1edbi b\u1eaft \u0111\u1ea7u"},"content":{"rendered":"<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_85 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">N\u1ed9i dung b\u00e0i vi\u1ebft<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/itviec.com\/blog\/bai-tap-javascript-co-ban\/#Tai_sao_nen_hoc_Javascript\" >T\u1ea1i sao n\u00ean h\u1ecdc Javascript?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/itviec.com\/blog\/bai-tap-javascript-co-ban\/#Bai_tap_JavaScript_co_ban_Thay_doi_mau_nen\" >B\u00e0i t\u1eadp JavaScript c\u01a1 b\u1ea3n: Thay \u0111\u1ed5i m\u00e0u n\u1ec1n<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/itviec.com\/blog\/bai-tap-javascript-co-ban\/#Bai_tap_JavaScript_co_ban_Chuyen_doi_hien_thi_hinh_anh\" >B\u00e0i t\u1eadp JavaScript c\u01a1 b\u1ea3n: Chuy\u1ec3n \u0111\u1ed5i hi\u1ec3n th\u1ecb h\u00ecnh \u1ea3nh<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/itviec.com\/blog\/bai-tap-javascript-co-ban\/#Bai_tap_JavaScript_co_ban_Xac_thuc_bieu_mau\" >B\u00e0i t\u1eadp JavaScript c\u01a1 b\u1ea3n: X\u00e1c th\u1ef1c bi\u1ec3u m\u1eabu<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/itviec.com\/blog\/bai-tap-javascript-co-ban\/#Bai_tap_JavaScript_co_ban_Tao_to-do_list\" >B\u00e0i t\u1eadp JavaScript c\u01a1 b\u1ea3n: T\u1ea1o to-do list<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/itviec.com\/blog\/bai-tap-javascript-co-ban\/#Bai_tap_JavaScript_don_gian_May_tinh_don_gian\" >B\u00e0i t\u1eadp JavaScript \u0111\u01a1n gi\u1ea3n: M\u00e1y t\u00ednh \u0111\u01a1n gi\u1ea3n<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/itviec.com\/blog\/bai-tap-javascript-co-ban\/#Bai_tap_JavaScript_co_ban_Danh_sach_loc\" >B\u00e0i t\u1eadp JavaScript c\u01a1 b\u1ea3n: Danh s\u00e1ch l\u1ecdc<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/itviec.com\/blog\/bai-tap-javascript-co-ban\/#5_website_thuc_hanh_viet_ma_Javascript_co_ban\" >5+ website th\u1ef1c h\u00e0nh vi\u1ebft m\u00e3 Javascript c\u01a1 b\u1ea3n\u00a0<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/itviec.com\/blog\/bai-tap-javascript-co-ban\/#Mot_so_cau_hoi_thuong_gap\" >M\u1ed9t s\u1ed1 c\u00e2u h\u1ecfi th\u01b0\u1eddng g\u1eb7p<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/itviec.com\/blog\/bai-tap-javascript-co-ban\/#Tong_ket_ve_bai_tap_Javascript_co_ban\" >T\u1ed5ng k\u1ebft v\u1ec1 b\u00e0i t\u1eadp Javascript c\u01a1 b\u1ea3n\u00a0<\/a><\/li><\/ul><\/nav><\/div>\n<p><b><i>Th\u1ef1c h\u00e0nh c\u00e1c b\u00e0i t\u1eadp Javascript c\u01a1 b\u1ea3n th\u01b0\u1eddng xuy\u00ean kh\u00f4ng ch\u1ec9 gi\u00fap b\u1ea1n n\u1eafm v\u1eefng ki\u1ebfn th\u1ee9c m\u00e0 c\u00f2n c\u00f3 th\u1ec3 v\u1eadn d\u1ee5ng v\u00e0o th\u1ef1c t\u1ebf m\u1ed9t c\u00e1ch hi\u1ec7u qu\u1ea3. Tuy nhi\u00ean, nhi\u1ec1u b\u1ea1n m\u1edbi b\u1eaft \u0111\u1ea7u h\u1ecdc l\u1eadp tr\u00ecnh l\u1ea1i b\u0103n kho\u0103n n\u00ean h\u1ecdc v\u00e0 th\u1ef1c h\u00e0nh Javascript nh\u01b0 th\u1ebf n\u00e0o, c\u00f9ng t\u00ecm hi\u1ec3u c\u00e1c d\u1ea1ng b\u00e0i t\u1eadp Javascript c\u01a1 b\u1ea3n ngay sau \u0111\u00e2y nh\u00e9!<\/i><\/b><\/p>\n<p><span style=\"font-weight: 400;\">\u0110\u1ecdc b\u00e0i vi\u1ebft sau \u0111\u00e2y \u0111\u1ec3 \u0111\u01b0\u1ee3c t\u00ecm hi\u1ec3u chi ti\u1ebft v\u1ec1:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">T\u1ed5ng h\u1ee3p c\u00e1c b\u00e0i t\u1eadp v\u1ec1 Javascript c\u01a1 b\u1ea3n d\u00e0nh cho ng\u01b0\u1eddi m\u1edbi b\u1eaft \u0111\u1ea7u<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">5+ website gi\u00fap c\u00e1c l\u1eadp tr\u00ecnh vi\u00ean th\u1ef1c h\u00e0nh vi\u1ebft m\u00e3 Javascript c\u01a1 b\u1ea3n<\/span><\/li>\n<\/ul>\n<h2><span class=\"ez-toc-section\" id=\"Tai_sao_nen_hoc_Javascript\"><\/span><b> T\u1ea1i sao n\u00ean h\u1ecdc Javascript?<\/b><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Javascript l\u00e0 m\u1ed9t trong nh\u1eefng ng\u00f4n ng\u1eef l\u1eadp tr\u00ecnh ph\u1ed5 bi\u1ebfn hi\u1ec7n nay, \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng \u0111\u1ec3 t\u1ea1o ra s\u1ef1 t\u01b0\u01a1ng t\u00e1c m\u01b0\u1ee3t m\u00e0 v\u00e0 \u0111\u1ea7y \u0111\u1ee7 c\u00e1c ch\u1ee9c n\u0103ng cho trang web. N\u1eafm v\u1eefng v\u1ec1 Javascript c\u01a1 b\u1ea3n s\u1ebd gi\u00fap b\u1ea1n ph\u00e1t tri\u1ec3n k\u1ef9 n\u0103ng chuy\u00ean s\u00e2u trong l\u0129nh v\u1ef1c l\u1eadp tr\u00ecnh web, t\u1eeb \u0111\u00f3 c\u00f3 th\u1ec3 l\u1eadp tr\u00ecnh c\u00e1c trang web t\u1eeb \u0111\u01a1n gi\u1ea3n \u0111\u1ebfn ph\u1ee9c t\u1ea1p.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">B\u00ean c\u1ea1nh \u0111\u00f3, h\u1ecdc Javascript c\u00f2n \u0111em \u0111\u1ebfn cho b\u1ea1n nh\u1eefng l\u1ee3i \u00edch nh\u01b0:\u00a0<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Ho\u1ea1t \u0111\u1ed9ng t\u1ed1t trong tr\u00ecnh duy\u1ec7t:<\/b><span style=\"font-weight: 400;\"> Javascript l\u00e0 ng\u00f4n ng\u1eef m\u1eb7c \u0111\u1ecbnh c\u1ee7a Internet gi\u00fap b\u1ea1n d\u1ec5 d\u00e0ng ch\u1ea1y v\u00e0 ki\u1ec3m tra \u0111o\u1ea1n m\u00e3. B\u1ea1n ch\u1ec9 c\u1ea7n m\u1edf tr\u00ecnh duy\u1ec7t v\u00e0 tr\u00ecnh so\u1ea1n th\u1ea3o m\u00e3 ngu\u1ed3n m\u1edf (VSCode, Sublime Text,..) ph\u00f9 h\u1ee3p l\u00e0 c\u00f3 th\u1ec3 vi\u1ebft m\u00e3, ph\u00e2n t\u00edch c\u0169ng nh\u01b0 th\u1ef1c thi ch\u01b0\u01a1ng tr\u00ecnh.\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Ng\u00f4n ng\u1eef l\u1eadp tr\u00ecnh \u0111a n\u0103ng:<\/b><span style=\"font-weight: 400;\"> B\u00ean c\u1ea1nh s\u1eed d\u1ee5ng cho l\u1eadp tr\u00ecnh web tr\u00ean m\u00e1y t\u00ednh th\u00ec Javascript c\u00f2n \u0111\u01b0\u1ee3c \u1ee9ng d\u1ee5ng linh ho\u1ea1t cho nhi\u1ec1u m\u1ee5c \u0111\u00edch nh\u01b0 l\u1eadp tr\u00ecnh Front End, Back End, \u1ee9ng d\u1ee5ng di \u0111\u1ed9ng, l\u01b0u tr\u1eef d\u1eef li\u1ec7u \u0111\u00e1m m\u00e2y, ph\u00e1t tri\u1ec3n tr\u00f2 ch\u01a1i,&#8230;\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>T\u00e0i nguy\u00ean l\u1edbn:<\/b><span style=\"font-weight: 400;\"> Javascript l\u00e0 ng\u00f4n ng\u1eef l\u1eadp tr\u00ecnh c\u00f3 ngu\u1ed3n t\u00e0i nguy\u00ean r\u1ed9ng l\u1edbn v\u00e0 ph\u1ed5 bi\u1ebfn tr\u00ean c\u00e1c n\u1ec1n t\u1ea3ng nh\u01b0 GeeksforGeeks, GitHub, Hashnode, StackOverFlow,&#8230; C\u00e1c trang web n\u00e0y cung c\u1ea5p c\u00e1c gi\u1ea3i ph\u00e1p hay c\u1eadp nh\u1eadt nh\u1eefng c\u00f4ng c\u1ee5 m\u1edbi gi\u00fap b\u1ea1n lu\u00f4n n\u1eafm v\u1eefng ki\u1ebfn th\u1ee9c c\u0169ng nh\u01b0 n\u1eafm b\u1eaft nh\u1eefng xu h\u01b0\u1edbng IT m\u1edbi nh\u1ea5t.\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>D\u1ec5 h\u1ecdc:<\/b><span style=\"font-weight: 400;\"> Nh\u00ecn chung, d\u01b0\u1edbi g\u00f3c nh\u00ecn c\u1ee7a \u0111a s\u1ed1 l\u1eadp tr\u00ecnh vi\u00ean Javascript kh\u00e1 \u0111\u01a1n gi\u1ea3n v\u00e0 d\u1ec5 s\u1eed d\u1ee5ng \u0111\u1ed1i v\u1edbi ng\u01b0\u1eddi m\u1edbi b\u1eaft \u0111\u1ea7u, kh\u00f4ng c\u1ea7n s\u1eed d\u1ee5ng \u0111\u1ebfn c\u00e1c c\u00f4ng c\u1ee5 ph\u1ee9c t\u1ea1p, Javascript ho\u1ea1t \u0111\u1ed9ng d\u1ec5 d\u00e0ng trong tr\u00ecnh duy\u1ec7t.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>C\u01a1 h\u1ed9i ngh\u1ec1 nghi\u1ec7p ph\u00e1t tri\u1ec3n:<\/b><span style=\"font-weight: 400;\"> N\u1eafm v\u1eefng v\u1ec1 Javascript gi\u00fap b\u1ea1n \u0111\u1ea1t \u0111\u01b0\u1ee3c nh\u1eefng th\u00e0nh c\u00f4ng nh\u1ea5t \u0111\u1ecbnh trong s\u1ef1 nghi\u1ec7p (th\u0103ng ti\u1ebfn, c\u01a1 h\u1ed9i vi\u1ec7c l\u00e0m r\u1ed9ng m\u1edf). Ngo\u00e0i ra, hi\u1ec3u bi\u1ebft th\u00eam v\u1ec1 c\u00e1c framework nh\u01b0 React.js hay Node.js c\u0169ng s\u1ebd gi\u00fap b\u1ea1n n\u00e2ng cao con \u0111\u01b0\u1eddng s\u1ef1 nghi\u1ec7p c\u1ee7a b\u1ea3n th\u00e2n.<\/span><\/li>\n<\/ul>\n<blockquote><p>Xem th\u00eam: <a href=\"https:\/\/itviec.com\/blog\/javascript-la-gi\/\" target=\"_blank\" rel=\"noopener\"><b>Javascript l\u00e0 g\u00ec? H\u1ecdc Javascript c\u01a1 b\u1ea3n v\u1edbi l\u1ed9 tr\u00ecnh d\u1ec5 hi\u1ec3u nh\u1ea5t<\/b><\/a><\/p><\/blockquote>\n<h2><span class=\"ez-toc-section\" id=\"Bai_tap_JavaScript_co_ban_Thay_doi_mau_nen\"><\/span><b>B\u00e0i t\u1eadp JavaScript c\u01a1 b\u1ea3n: Thay \u0111\u1ed5i m\u00e0u n\u1ec1n<\/b><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span style=\"font-weight: 400;\">V\u1edbi d\u1ea1ng b\u00e0i t\u1eadp n\u00e0y, b\u1ea1n s\u1ebd \u0111\u01b0\u1ee3c l\u00e0m quen v\u1edbi thu\u1ed9c t\u00ednh background Color \u0111\u1ec3 thay \u0111\u1ed5i linh ho\u1ea1t m\u00e0u n\u1ec1n c\u1ee7a trang web.\u00a0<\/span><\/p>\n<p><b>B\u00e0i t\u1eadp 1:<\/b><span style=\"font-weight: 400;\"> T\u1ea1o m\u1ed9t trang web c\u00f3 n\u00fat thay \u0111\u1ed5i n\u1ec1n khi nh\u1ea5n v\u00e0o:<\/span><\/p>\n<pre><span style=\"font-weight: 400;\">&lt;!DOCTYPE html&gt;<\/span>\r\n<span style=\"font-weight: 400;\">&lt;<\/span><b>html<\/b><span style=\"font-weight: 400;\">&gt;<\/span>\r\n<span style=\"font-weight: 400;\">&lt;<\/span><b>head<\/b><span style=\"font-weight: 400;\">&gt;<\/span>\r\n <span style=\"font-weight: 400;\">&lt;<\/span><b>title<\/b><span style=\"font-weight: 400;\">&gt;<\/span><span style=\"font-weight: 400;\">Change Background Color<\/span><span style=\"font-weight: 400;\">&lt;\/<\/span><b>title<\/b><span style=\"font-weight: 400;\">&gt;<\/span>\r\n<span style=\"font-weight: 400;\">&lt;\/<\/span><b>head<\/b><span style=\"font-weight: 400;\">&gt;<\/span>\r\n<span style=\"font-weight: 400;\">&lt;<\/span><b>body<\/b><span style=\"font-weight: 400;\">&gt;<\/span>\r\n <span style=\"font-weight: 400;\">&lt;<\/span><b>button<\/b><span style=\"font-weight: 400;\"> id=<\/span><span style=\"font-weight: 400;\">\"changeColorBtn\"<\/span><span style=\"font-weight: 400;\">&gt;<\/span><span style=\"font-weight: 400;\">Change Background Color<\/span><span style=\"font-weight: 400;\">&lt;\/<\/span><b>button<\/b><span style=\"font-weight: 400;\">&gt;<\/span>\r\n <span style=\"font-weight: 400;\">&lt;<\/span><b>script<\/b><span style=\"font-weight: 400;\">&gt;<\/span>\r\n<span style=\"font-weight: 400;\">document<\/span><span style=\"font-weight: 400;\">.getElementById(<\/span><span style=\"font-weight: 400;\">'changeColorBtn'<\/span><span style=\"font-weight: 400;\">).addEventListener(<\/span><span style=\"font-weight: 400;\">'click'<\/span><span style=\"font-weight: 400;\">, <\/span><span style=\"font-weight: 400;\">function<\/span><span style=\"font-weight: 400;\">() {<\/span>\r\n <span style=\"font-weight: 400;\">document<\/span><span style=\"font-weight: 400;\">.body.style.backgroundColor = <\/span><span style=\"font-weight: 400;\">'lightblue'<\/span><span style=\"font-weight: 400;\">;<\/span>\r\n<span style=\"font-weight: 400;\"> });<\/span>\r\n <span style=\"font-weight: 400;\">&lt;\/<\/span><b>script<\/b><span style=\"font-weight: 400;\">&gt;<\/span>\r\n<span style=\"font-weight: 400;\">&lt;\/<\/span><b>body<\/b><span style=\"font-weight: 400;\">&gt;<\/span>\r\n<span style=\"font-weight: 400;\">&lt;\/<\/span><b>html<\/b><span style=\"font-weight: 400;\">&gt;<\/span><b><\/b><\/pre>\n<h2><span class=\"ez-toc-section\" id=\"Bai_tap_JavaScript_co_ban_Chuyen_doi_hien_thi_hinh_anh\"><\/span><b>B\u00e0i t\u1eadp JavaScript c\u01a1 b\u1ea3n: Chuy\u1ec3n \u0111\u1ed5i hi\u1ec3n th\u1ecb h\u00ecnh \u1ea3nh<\/b><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span style=\"font-weight: 400;\">V\u1edbi m\u1ee5c ti\u00eau tri\u1ec3n khai t\u00ednh n\u0103ng chuy\u1ec3n \u0111\u1ed5i ch\u1ebf \u0111\u1ed9 hi\u1ec3n th\u1ecb h\u00ecnh \u1ea3nh tr\u00ean trang web, b\u00e0i t\u1eadp n\u00e0y s\u1ebd gi\u00fap b\u1ea1n l\u00e0m quen v\u1edbi vi\u1ec7c s\u1eed d\u1ee5ng Javascript \u0111\u1ec3 thao t\u00e1c v\u1edbi thu\u1ed9c t\u00ednh CSS c\u1ee7a ph\u1ea7n t\u1eed <\/span><a href=\"https:\/\/itviec.com\/blog\/html-la-gi\/\"><span style=\"font-weight: 400;\">HTML<\/span><\/a><span style=\"font-weight: 400;\">.<\/span><\/p>\n<p><b>B\u00e0i t\u1eadp 2:<\/b> <span style=\"font-weight: 400;\">Y\u00eau c\u1ea7u c\u00e0i \u0111\u1eb7t n\u00fat c\u00f3 t\u00ednh n\u0103ng chuy\u1ec3n \u0111\u1ed5i ch\u1ebf \u0111\u1ed9 hi\u1ec3n th\u1ecb c\u1ee7a h\u00ecnh \u1ea3nh khi nh\u1ea5n v\u00e0o.<\/span><\/p>\n<pre><span style=\"font-weight: 400;\">&lt;!DOCTYPE html&gt;<\/span>\r\n<span style=\"font-weight: 400;\">&lt;<\/span><b>html<\/b><span style=\"font-weight: 400;\">&gt;<\/span>\r\n<span style=\"font-weight: 400;\">&lt;<\/span><b>head<\/b><span style=\"font-weight: 400;\">&gt;<\/span>\r\n<span style=\"font-weight: 400;\">&lt;<\/span><b>title<\/b><span style=\"font-weight: 400;\">&gt;<\/span><span style=\"font-weight: 400;\">Toggle Image Display<\/span><span style=\"font-weight: 400;\">&lt;\/<\/span><b>title<\/b><span style=\"font-weight: 400;\">&gt;<\/span>\r\n<span style=\"font-weight: 400;\">&lt;\/<\/span><b>head<\/b><span style=\"font-weight: 400;\">&gt;<\/span>\r\n<span style=\"font-weight: 400;\">&lt;<\/span><b>body<\/b><span style=\"font-weight: 400;\">&gt;<\/span>\r\n <span style=\"font-weight: 400;\">&lt;<\/span><b>button<\/b><span style=\"font-weight: 400;\"> id=<\/span><span style=\"font-weight: 400;\">\"toggleImageBtn\"<\/span><span style=\"font-weight: 400;\">&gt;<\/span><span style=\"font-weight: 400;\">Toggle Image<\/span><span style=\"font-weight: 400;\">&lt;\/<\/span><b>button<\/b><span style=\"font-weight: 400;\">&gt;<\/span>\r\n <span style=\"font-weight: 400;\">&lt;<\/span><b>img<\/b><span style=\"font-weight: 400;\"> id=<\/span><span style=\"font-weight: 400;\">\"toggleImage\"<\/span><span style=\"font-weight: 400;\"> src=<\/span><span style=\"font-weight: 400;\">\"chrome-extension:\/\/kbohbdnooimgjlohmicjmoagppjdcbam\/img\/download.svg\"<\/span><span style=\"font-weight: 400;\"> alt=<\/span><span style=\"font-weight: 400;\">\"Image\"<\/span><span style=\"font-weight: 400;\"> style=<\/span><span style=\"font-weight: 400;\">\"display:none;\"<\/span><span style=\"font-weight: 400;\">&gt;<\/span>\r\n <span style=\"font-weight: 400;\">&lt;<\/span><b>script<\/b><span style=\"font-weight: 400;\">&gt;<\/span>\r\n <span style=\"font-weight: 400;\">document<\/span><span style=\"font-weight: 400;\">.getElementById(<\/span><span style=\"font-weight: 400;\">'toggleImageBtn'<\/span><span style=\"font-weight: 400;\">).addEventListener(<\/span><span style=\"font-weight: 400;\">'click'<\/span><span style=\"font-weight: 400;\">, <\/span><span style=\"font-weight: 400;\">function<\/span><span style=\"font-weight: 400;\">() {<\/span>\r\n <span style=\"font-weight: 400;\">const<\/span><span style=\"font-weight: 400;\"> img = <\/span><span style=\"font-weight: 400;\">document<\/span><span style=\"font-weight: 400;\">.getElementById(<\/span><span style=\"font-weight: 400;\">'toggleImage'<\/span><span style=\"font-weight: 400;\">);<\/span>\r\n<span style=\"font-weight: 400;\"> img.style.display = img.style.display === <\/span><span style=\"font-weight: 400;\">'none'<\/span><span style=\"font-weight: 400;\"> ? <\/span><span style=\"font-weight: 400;\">'block'<\/span><span style=\"font-weight: 400;\"> : <\/span><span style=\"font-weight: 400;\">'none'<\/span><span style=\"font-weight: 400;\">;<\/span>\r\n<span style=\"font-weight: 400;\"> });<\/span>\r\n\r\n <span style=\"font-weight: 400;\">&lt;\/<\/span><b>script<\/b><span style=\"font-weight: 400;\">&gt;<\/span>\r\n<span style=\"font-weight: 400;\">&lt;\/<\/span><b>body<\/b><span style=\"font-weight: 400;\">&gt;<\/span>\r\n<span style=\"font-weight: 400;\">&lt;\/<\/span><b>html<\/b><span style=\"font-weight: 400;\">&gt;<\/span><\/pre>\n<p><span style=\"font-weight: 400;\">Qua b\u00e0i t\u1eadp tr\u00ean, b\u1ea1n c\u00f3 th\u1ec3 th\u1ea5y:\u00a0<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Javascript s\u1eed d\u1ee5ng <\/span><b>document.getElementById <\/b><span style=\"font-weight: 400;\">\u0111\u1ec3 l\u1ea5y tham chi\u1ebfu \u0111\u1ebfn n\u00fat b\u1ea5m v\u00e0 ph\u1ea7n t\u1eed h\u00ecnh \u1ea3nh.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>addEventListener: <\/b><span style=\"font-weight: 400;\">\u0110\u01b0\u1ee3c s\u1eed d\u1ee5ng \u0111\u1ec3 g\u1eafn tr\u00ecnh s\u1ef1 ki\u1ec7n nh\u1ea5p chu\u1ed9t v\u00e0o n\u00fat b\u1ea5m, khi n\u00fat b\u1ea5m \u0111\u01b0\u1ee3c nh\u1ea5n, h\u00e0m b\u00ean trong tr\u00ecnh nghe s\u1ebd \u0111\u01b0\u1ee3c th\u1ef1c thi.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Img.style.display: <\/b><span style=\"font-weight: 400;\">Ki\u1ec3m tra l\u1ea1i ki\u1ec3u hi\u1ec3n th\u1ecb c\u1ee7a h\u00ecnh \u1ea3nh, n\u1ebfu ki\u1ec3u hi\u1ec3n th\u1ecb hi\u1ec7n t\u1ea1i l\u00e0 \u201cnone\u201d (ngh\u0129a l\u00e0 h\u00ecnh \u1ea3nh b\u1ecb \u1ea9n), h\u00e0m s\u1ebd thay \u0111\u1ed5i n\u00f3 th\u00e0nh \u201cblock\u201d (h\u00ecnh \u1ea3nh hi\u1ec3n th\u1ecb) v\u00e0 ng\u01b0\u1ee3c l\u1ea1i.\u00a0<\/span><\/li>\n<\/ul>\n<h2><span class=\"ez-toc-section\" id=\"Bai_tap_JavaScript_co_ban_Xac_thuc_bieu_mau\"><\/span><b>B\u00e0i t\u1eadp JavaScript c\u01a1 b\u1ea3n: X\u00e1c th\u1ef1c bi\u1ec3u m\u1eabu<\/b><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span style=\"font-weight: 400;\">B\u00e0i t\u1eadp n\u00e0y ch\u1ec9 \u0111\u01a1n gi\u1ea3n l\u00e0 ki\u1ec3m tra xem email c\u00f3 ch\u1ee9a k\u00fd t\u1ef1 \u201c@\u201d hay kh\u00f4ng. V\u1edbi c\u00e1c d\u1ea1ng b\u00e0i t\u1eadp n\u00e2ng cao h\u01a1n s\u1ebd y\u00eau c\u1ea7u ki\u1ec3m tra email h\u1ee3p l\u1ec7 b\u1eb1ng nhi\u1ec1u y\u1ebfu t\u1ed1 nh\u01b0 \u0111\u1ecbnh d\u1ea1ng t\u00ean mi\u1ec1n, t\u00ean ng\u01b0\u1eddi d\u00f9ng,&#8230;\u00a0<\/span><\/p>\n<p><b>B\u00e0i t\u1eadp 3:<\/b> <span style=\"font-weight: 400;\">T\u1ea1o m\u1ed9t form y\u00eau c\u1ea7u nh\u1eadp email v\u00e0 ki\u1ec3m tra t\u00ednh h\u1ee3p l\u1ec7 c\u1ee7a \u0111\u1ecba ch\u1ec9 email \u0111\u01b0\u1ee3c nh\u1eadp. Hi\u1ec3n th\u1ecb th\u00f4ng b\u00e1o n\u1ebfu email kh\u00f4ng h\u1ee3p l\u1ec7.\u00a0<\/span><\/p>\n<pre><span style=\"font-weight: 400;\">&lt;!DOCTYPE html&gt;<\/span>\r\n<span style=\"font-weight: 400;\">&lt;html&gt;<\/span>\r\n<span style=\"font-weight: 400;\"> &lt;body&gt;<\/span>\r\n<span style=\"font-weight: 400;\"> \u00a0\u00a0&lt;form id=\"emailForm\"&gt;<\/span>\r\n<span style=\"font-weight: 400;\"> \u00a0\u00a0\u00a0\u00a0Email: &lt;input type=\"email\" id=\"emailInput\"&gt;<\/span>\r\n<span style=\"font-weight: 400;\"> \u00a0\u00a0\u00a0\u00a0&lt;button type=\"submit\"&gt;Submit&lt;\/button&gt;<\/span>\r\n<span style=\"font-weight: 400;\"> \u00a0\u00a0\u00a0\u00a0&lt;p id=\"message\"&gt;&lt;\/p&gt;<\/span>\r\n<span style=\"font-weight: 400;\">\u00a0\u00a0\u00a0&lt;\/form&gt;<\/span>\r\n\r\n<span style=\"font-weight: 400;\"> \u00a0\u00a0&lt;script&gt;<\/span>\r\n<span style=\"font-weight: 400;\"> \u00a0\u00a0\u00a0\u00a0document.getElementById('emailForm').addEventListener('submit', function(event) {<\/span>\r\n<span style=\"font-weight: 400;\"> \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0event.preventDefault();<\/span>\r\n<span style=\"font-weight: 400;\"> \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0const email = document.getElementById('emailInput').value;<\/span>\r\n<span style=\"font-weight: 400;\"> \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0let message = \"\";<\/span>\r\n<span style=\"font-weight: 400;\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0const <\/span><b>emailRegex = \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/;<\/b>\r\n<span style=\"font-weight: 400;\"> \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0if (emailRegex.test(email)) {<\/span>\r\n<span style=\"font-weight: 400;\"> \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0message = 'Email is valid!';<\/span>\r\n<span style=\"font-weight: 400;\"> \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0} else {<\/span>\r\n<span style=\"font-weight: 400;\"> \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0message = 'Please enter a valid email address.';<\/span>\r\n<span style=\"font-weight: 400;\">\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0}<\/span>\r\n\r\n<span style=\"font-weight: 400;\"> \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0document.getElementById('message').innerText = message;<\/span>\r\n<span style=\"font-weight: 400;\"> \u00a0\u00a0\u00a0\u00a0});<\/span>\r\n<span style=\"font-weight: 400;\"> \u00a0\u00a0&lt;\/script&gt;<\/span>\r\n<span style=\"font-weight: 400;\"> &lt;\/body&gt;<\/span>\r\n<span style=\"font-weight: 400;\">&lt;\/html&gt;<\/span><\/pre>\n<p><span style=\"font-weight: 400;\">\u1ede b\u00e0i t\u1eadp tr\u00ean, b\u1ea1n c\u00f3 th\u1ec3 th\u1ea5y:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">L\u1ea5y gi\u00e1 tr\u1ecb c\u1ee7a email \u0111\u00e3 nh\u1eadp t\u1eeb \u00f4 input b\u1eb1ng <\/span><b>document.getElementById(&#8217;emailInput&#8217;).value<\/b><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Kh\u1edfi t\u1ea1o bi\u1ebfn <\/span><b>message<\/b><span style=\"font-weight: 400;\"> \u0111\u1ec3 l\u01b0u tr\u1eef th\u00f4ng b\u00e1o.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Bi\u1ec3u th\u1ee9c <\/span><b>emailRegex = \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/ <\/b><span style=\"font-weight: 400;\">\u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng \u0111\u1ec3 x\u00e1c th\u1ef1c \u0111\u1ecba ch\u1ec9 email. Bi\u1ec3u th\u1ee9c n\u00e0y \u0111\u1ea3m b\u1ea3o r\u1eb1ng \u0111\u1ecba ch\u1ec9 email b\u1eaft \u0111\u1ea7u b\u1eb1ng m\u1ed9t ho\u1eb7c nhi\u1ec1u k\u00fd t\u1ef1 kh\u00f4ng ph\u1ea3i k\u00fd t\u1ef1 \u201c@\u201d v\u00e0 chu\u1ed7i k\u1ebft th\u00fac l\u00e0 t\u00ean mi\u1ec1n c\u1ea5p cao (Top-Level Domain &#8211; TLD).<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Ki\u1ec3m tra xem email c\u00f3 ch\u1ee9a k\u00fd t\u1ef1 &#8220;@&#8221; hay kh\u00f4ng. K\u00fd t\u1ef1 &#8220;@&#8221; l\u00e0 d\u1ea5u hi\u1ec7u b\u1eaft bu\u1ed9c c\u1ee7a m\u1ed9t \u0111\u1ecba ch\u1ec9 email h\u1ee3p l\u1ec7.<\/span>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">N\u1ebfu ch\u1ee9a &#8220;@&#8221; th\u00ec <\/span><b>message<\/b><span style=\"font-weight: 400;\"> s\u1ebd \u0111\u01b0\u1ee3c g\u00e1n n\u1ed9i dung th\u00f4ng b\u00e1o email h\u1ee3p l\u1ec7.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">N\u1ebfu kh\u00f4ng ch\u1ee9a &#8220;@&#8221; th\u00ec <\/span><b>message<\/b><span style=\"font-weight: 400;\"> s\u1ebd \u0111\u01b0\u1ee3c g\u00e1n n\u1ed9i dung th\u00f4ng b\u00e1o y\u00eau c\u1ea7u nh\u1eadp email h\u1ee3p l\u1ec7.<\/span><\/li>\n<\/ul>\n<\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Cu\u1ed1i c\u00f9ng, c\u1eadp nh\u1eadt n\u1ed9i dung c\u1ee7a \u0111o\u1ea1n v\u0103n v\u1edbi ID &#8220;message&#8221; b\u1eb1ng n\u1ed9i dung c\u1ee7a bi\u1ebfn <\/span><b>message<\/b><span style=\"font-weight: 400;\"> s\u1eed d\u1ee5ng <\/span><b>document.getElementById(&#8216;message&#8217;).innerText<\/b><span style=\"font-weight: 400;\">.<\/span><\/li>\n<\/ul>\n<h2><span class=\"ez-toc-section\" id=\"Bai_tap_JavaScript_co_ban_Tao_to-do_list\"><\/span><b>B\u00e0i t\u1eadp JavaScript c\u01a1 b\u1ea3n: T\u1ea1o to-do list<\/b><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span style=\"font-weight: 400;\">V\u1edbi d\u1ea1ng b\u00e0i t\u1eadp n\u00e0y, b\u1ea1n s\u1ebd \u0111\u01b0\u1ee3c l\u00e0m quen v\u1edbi c\u00e1ch t\u1ea1o to-do list \u0111\u01a1n gi\u1ea3n, \u0111\u1ed3ng th\u1eddi h\u1ecdc c\u00e1ch th\u00eam c\u00e1c t\u00ednh n\u0103ng kh\u00e1c nh\u01b0 l\u1ecdc c\u00e1c m\u1ee5c \u0111\u00e3 ho\u00e0n th\u00e0nh ho\u1eb7c s\u1eafp x\u1ebfp th\u1ee9 t\u1ef1 c\u00e1c m\u1ee5c,&#8230;<\/span><\/p>\n<p><b>B\u00e0i t\u1eadp 4:<\/b> <span style=\"font-weight: 400;\">T\u1ea1o m\u1ed9t to-do list \u0111\u01a1n gi\u1ea3n cho ph\u00e9p ng\u01b0\u1eddi d\u00f9ng th\u00eam c\u00e1c c\u00f4ng vi\u1ec7c v\u00e0o danh s\u00e1ch v\u00e0 c\u00f3 th\u1ec3 x\u00f3a ch\u00fang khi ho\u00e0n th\u00e0nh.<\/span><\/p>\n<pre><span style=\"font-weight: 400;\">&lt;!DOCTYPE html&gt;<\/span>\r\n\r\n<span style=\"font-weight: 400;\">&lt;<\/span><b>html<\/b><span style=\"font-weight: 400;\">&gt;<\/span>\r\n\r\n<span style=\"font-weight: 400;\">&lt;<\/span><b>head<\/b><span style=\"font-weight: 400;\">&gt;<\/span>\r\n\r\n <span style=\"font-weight: 400;\">&lt;<\/span><b>title<\/b><span style=\"font-weight: 400;\">&gt;<\/span><span style=\"font-weight: 400;\">To-Do List<\/span><span style=\"font-weight: 400;\">&lt;\/<\/span><b>title<\/b><span style=\"font-weight: 400;\">&gt;<\/span>\r\n\r\n <span style=\"font-weight: 400;\">&lt;<\/span><b>style<\/b><span style=\"font-weight: 400;\">&gt;<\/span>\r\n\r\n <span style=\"font-weight: 400;\">.todo-item<\/span><span style=\"font-weight: 400;\"> { <\/span><span style=\"font-weight: 400;\">cursor<\/span><span style=\"font-weight: 400;\">: pointer; }<\/span>\r\n\r\n <span style=\"font-weight: 400;\">&lt;\/<\/span><b>style<\/b><span style=\"font-weight: 400;\">&gt;<\/span>\r\n\r\n<span style=\"font-weight: 400;\">&lt;\/<\/span><b>head<\/b><span style=\"font-weight: 400;\">&gt;<\/span>\r\n\r\n<span style=\"font-weight: 400;\">&lt;<\/span><b>body<\/b><span style=\"font-weight: 400;\">&gt;<\/span>\r\n\r\n <span style=\"font-weight: 400;\">&lt;<\/span><b>input<\/b><span style=\"font-weight: 400;\"> type=<\/span><span style=\"font-weight: 400;\">\"text\"<\/span><span style=\"font-weight: 400;\"> id=<\/span><span style=\"font-weight: 400;\">\"todoInput\"<\/span><span style=\"font-weight: 400;\">&gt;<\/span>\r\n\r\n <span style=\"font-weight: 400;\">&lt;<\/span><b>button<\/b><span style=\"font-weight: 400;\"> id=<\/span><span style=\"font-weight: 400;\">\"addTodoBtn\"<\/span><span style=\"font-weight: 400;\">&gt;<\/span><span style=\"font-weight: 400;\">Add To-Do<\/span><span style=\"font-weight: 400;\">&lt;\/<\/span><b>button<\/b><span style=\"font-weight: 400;\">&gt;<\/span>\r\n\r\n <span style=\"font-weight: 400;\">&lt;<\/span><b>ul<\/b><span style=\"font-weight: 400;\"> id=<\/span><span style=\"font-weight: 400;\">\"todoList\"<\/span><span style=\"font-weight: 400;\">&gt;&lt;\/<\/span><b>ul<\/b><span style=\"font-weight: 400;\">&gt;<\/span>\r\n\r\n <span style=\"font-weight: 400;\">&lt;<\/span><b>script<\/b><span style=\"font-weight: 400;\">&gt;<\/span>\r\n\r\n<span style=\"font-weight: 400;\"> document.getElementById('addTodoBtn').addEventListener('click', function() {<\/span>\r\n\r\n<span style=\"font-weight: 400;\"> const input = document.getElementById('todoInput');<\/span>\r\n\r\n<span style=\"font-weight: 400;\"> const itemText = input.value;<\/span>\r\n\r\n<span style=\"font-weight: 400;\"> input.value = \u201c\u201d; \/\/ Clear input field<\/span>\r\n\r\n<span style=\"font-weight: 400;\"> const li = document.createElement('li');<\/span>\r\n\r\n<span style=\"font-weight: 400;\"> li.textContent = itemText;<\/span>\r\n\r\n<span style=\"font-weight: 400;\"> li.classList.add('todo-item');<\/span>\r\n\r\n<span style=\"font-weight: 400;\"> li.addEventListener('click', function() {<\/span>\r\n\r\n<span style=\"font-weight: 400;\"> this.parentNode.removeChild<\/span><b>(this)<\/b><span style=\"font-weight: 400;\">;<\/span>\r\n\r\n<span style=\"font-weight: 400;\"> });<\/span>\r\n\r\n<span style=\"font-weight: 400;\"> document.getElementById('todoList').appendChild(li);<\/span>\r\n\r\n<span style=\"font-weight: 400;\"> });<\/span>\r\n\r\n <span style=\"font-weight: 400;\">&lt;\/<\/span><b>script<\/b><span style=\"font-weight: 400;\">&gt;<\/span>\r\n\r\n<span style=\"font-weight: 400;\">&lt;\/<\/span><b>body<\/b><span style=\"font-weight: 400;\">&gt;<\/span>\r\n\r\n<span style=\"font-weight: 400;\">&lt;\/<\/span><b>html<\/b><span style=\"font-weight: 400;\">&gt;<\/span><\/pre>\n<p><span style=\"font-weight: 400;\">Qua b\u00e0i t\u1eadp tr\u00ean, c\u00f3 th\u1ec3 th\u1ea5y:\u00a0<\/span><\/p>\n<ul>\n<li><span style=\"font-weight: 400;\">T\u1ea1o m\u1ed9t th\u1ebb <\/span><b>&lt;li&gt;<\/b><span style=\"font-weight: 400;\"> m\u1edbi v\u00e0 g\u00e1n n\u1ed9i dung v\u0103n b\u1ea3n l\u00e0 <\/span><b>itemText<\/b><span style=\"font-weight: 400;\">.<\/span><\/li>\n<li><span style=\"font-weight: 400;\">Th\u00eam class <\/span><b>todo-item<\/b><span style=\"font-weight: 400;\"> cho th\u1ebb <\/span><b>&lt;li&gt;<\/b><span style=\"font-weight: 400;\"> \u0111\u1ec3 \u0111\u1ecbnh d\u1ea1ng.<\/span><\/li>\n<li><span style=\"font-weight: 400;\">N\u1ebfu b\u1ea1n c\u1ea7n t\u1ea1o th\u00eam m\u1ee5c danh s\u00e1ch m\u1edbi (<\/span><b>li<\/b><span style=\"font-weight: 400;\">) trong danh s\u00e1ch vi\u1ec7c c\u1ea7n l\u00e0m (<\/span><b>todoList<\/b><span style=\"font-weight: 400;\">) th\u00ec h\u00e3y s\u1eed d\u1ee5ng <\/span><b>document.getElementById(&#8216;todoList&#8217;).appendChild(li)<\/b><\/li>\n<li><b>This <\/b><span style=\"font-weight: 400;\">\u0111\u01b0\u1ee3c d\u00f9ng \u0111\u1ec3 tham chi\u1ebfu \u0111\u1ebfn c\u00e1c \u0111\u1ed1i t\u01b0\u1ee3ng kh\u00e1c nhau t\u00f9y thu\u1ed9c v\u00e0o ng\u1eef c\u1ea3nh. Trong v\u00ed d\u1ee5 tr\u00ean, this \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng \u0111\u1ec3 truy c\u1eadp gi\u00e1 tr\u1ecb hi\u1ec7n t\u1ea1i c\u1ee7a \u0111\u1ea7u v\u00e0o.\u00a0<\/span><\/li>\n<\/ul>\n<h2><span class=\"ez-toc-section\" id=\"Bai_tap_JavaScript_don_gian_May_tinh_don_gian\"><\/span><b>B\u00e0i t\u1eadp JavaScript \u0111\u01a1n gi\u1ea3n: M\u00e1y t\u00ednh \u0111\u01a1n gi\u1ea3n<\/b><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span style=\"font-weight: 400;\">\u1ede d\u1ea1ng b\u00e0i t\u1eadp n\u00e0y, b\u1ea1n s\u1ebd l\u00e0m quen v\u1edbi c\u00e1ch t\u1ea1o m\u1ed9t m\u00e1y t\u00ednh bao g\u1ed3m c\u00e1c ph\u00e9p t\u00ednh c\u1ed9ng, tr\u1eeb, nh\u00e2n, chia \u0111\u01a1n gi\u1ea3n.\u00a0<\/span><\/p>\n<pre><span style=\"font-weight: 400;\">&lt;!DOCTYPE html&gt;<\/span>\r\n\r\n<span style=\"font-weight: 400;\">&lt;<\/span><b>html<\/b><span style=\"font-weight: 400;\">&gt;<\/span>\r\n\r\n<span style=\"font-weight: 400;\">&lt;<\/span><b>head<\/b><span style=\"font-weight: 400;\">&gt;<\/span>\r\n\r\n <span style=\"font-weight: 400;\">&lt;<\/span><b>title<\/b><span style=\"font-weight: 400;\">&gt;<\/span><span style=\"font-weight: 400;\">M\u00e1y t\u00ednh \u0111\u01a1n gi\u1ea3n<\/span><span style=\"font-weight: 400;\">&lt;\/<\/span><b>title<\/b><span style=\"font-weight: 400;\">&gt;<\/span>\r\n\r\n<span style=\"font-weight: 400;\">&lt;\/<\/span><b>head<\/b><span style=\"font-weight: 400;\">&gt;<\/span>\r\n\r\n<span style=\"font-weight: 400;\">&lt;<\/span><b>body<\/b><span style=\"font-weight: 400;\">&gt;<\/span>\r\n\r\n <span style=\"font-weight: 400;\">&lt;<\/span><b>input<\/b><span style=\"font-weight: 400;\"> type=<\/span><span style=\"font-weight: 400;\">\"text\"<\/span><span style=\"font-weight: 400;\"> id=<\/span><span style=\"font-weight: 400;\">\"number1\u2033&gt;<\/span>\r\n\r\n<span style=\"font-weight: 400;\"> &lt;select id=\"<\/span><span style=\"font-weight: 400;\">operation\"&gt;<\/span>\r\n\r\n<span style=\"font-weight: 400;\"> \u00a0 <\/span><span style=\"font-weight: 400;\">&lt;<\/span><b>option<\/b><span style=\"font-weight: 400;\"> value=<\/span><span style=\"font-weight: 400;\">\"add\"<\/span><span style=\"font-weight: 400;\">&gt;<\/span><span style=\"font-weight: 400;\">+<\/span><span style=\"font-weight: 400;\">&lt;\/<\/span><b>option<\/b><span style=\"font-weight: 400;\">&gt;<\/span>\r\n\r\n<span style=\"font-weight: 400;\"> \u00a0 <\/span><span style=\"font-weight: 400;\">&lt;<\/span><b>option<\/b><span style=\"font-weight: 400;\"> value=<\/span><span style=\"font-weight: 400;\">\"subtract\"<\/span><span style=\"font-weight: 400;\">&gt;<\/span><span style=\"font-weight: 400;\">-<\/span><span style=\"font-weight: 400;\">&lt;\/<\/span><b>option<\/b><span style=\"font-weight: 400;\">&gt;<\/span>\r\n\r\n<span style=\"font-weight: 400;\"> \u00a0 <\/span><span style=\"font-weight: 400;\">&lt;<\/span><b>option<\/b><span style=\"font-weight: 400;\"> value=<\/span><span style=\"font-weight: 400;\">\"multiply\"<\/span><span style=\"font-weight: 400;\">&gt;<\/span><span style=\"font-weight: 400;\">*<\/span><span style=\"font-weight: 400;\">&lt;\/<\/span><b>option<\/b><span style=\"font-weight: 400;\">&gt;<\/span>\r\n\r\n<span style=\"font-weight: 400;\"> \u00a0 <\/span><span style=\"font-weight: 400;\">&lt;<\/span><b>option<\/b><span style=\"font-weight: 400;\"> value=<\/span><span style=\"font-weight: 400;\">\"divide\"<\/span><span style=\"font-weight: 400;\">&gt;<\/span><span style=\"font-weight: 400;\">\/<\/span><span style=\"font-weight: 400;\">&lt;\/<\/span><b>option<\/b><span style=\"font-weight: 400;\">&gt;<\/span>\r\n\r\n <span style=\"font-weight: 400;\">&lt;\/<\/span><b>select<\/b><span style=\"font-weight: 400;\">&gt;<\/span>\r\n\r\n <span style=\"font-weight: 400;\">&lt;<\/span><b>input<\/b><span style=\"font-weight: 400;\"> type=<\/span><span style=\"font-weight: 400;\">\"text\"<\/span><span style=\"font-weight: 400;\"> id=<\/span><span style=\"font-weight: 400;\">\"number2\u2033&gt;<\/span>\r\n\r\n<span style=\"font-weight: 400;\"> &lt;button id=\"<\/span><span style=\"font-weight: 400;\">calculateBtn\"&gt;<\/span><span style=\"font-weight: 400;\">Calculate<\/span><span style=\"font-weight: 400;\">&lt;\/<\/span><b>button<\/b><span style=\"font-weight: 400;\">&gt;<\/span>\r\n\r\n <span style=\"font-weight: 400;\">&lt;<\/span><b>p<\/b><span style=\"font-weight: 400;\"> id=<\/span><span style=\"font-weight: 400;\">\"result\"<\/span><span style=\"font-weight: 400;\">&gt;&lt;\/<\/span><b>p<\/b><span style=\"font-weight: 400;\">&gt;<\/span>\r\n\r\n <span style=\"font-weight: 400;\">&lt;<\/span><b>script<\/b><span style=\"font-weight: 400;\">&gt;<\/span>\r\n\r\n <span style=\"font-weight: 400;\">document<\/span><span style=\"font-weight: 400;\">.getElementById(<\/span><span style=\"font-weight: 400;\">'calculateBtn'<\/span><span style=\"font-weight: 400;\">).addEventListener(<\/span><span style=\"font-weight: 400;\">'click'<\/span><span style=\"font-weight: 400;\">, <\/span><span style=\"font-weight: 400;\">function<\/span><span style=\"font-weight: 400;\">() {<\/span>\r\n\r\n <span style=\"font-weight: 400;\">const<\/span><span style=\"font-weight: 400;\"> num1 = <\/span><span style=\"font-weight: 400;\">parseFloat<\/span><span style=\"font-weight: 400;\">(<\/span><span style=\"font-weight: 400;\">document<\/span><span style=\"font-weight: 400;\">.getElementById(<\/span><span style=\"font-weight: 400;\">'number1'<\/span><span style=\"font-weight: 400;\">).value);<\/span>\r\n\r\n\r\n <span style=\"font-weight: 400;\">const<\/span><span style=\"font-weight: 400;\"> num2 = <\/span><span style=\"font-weight: 400;\">parseFloat<\/span><span style=\"font-weight: 400;\">(<\/span><span style=\"font-weight: 400;\">document<\/span><span style=\"font-weight: 400;\">.getElementById(<\/span><span style=\"font-weight: 400;\">'number2'<\/span><span style=\"font-weight: 400;\">).value);<\/span>\r\n\r\n\r\n <span style=\"font-weight: 400;\">const<\/span><span style=\"font-weight: 400;\"> operation = <\/span><span style=\"font-weight: 400;\">document<\/span><span style=\"font-weight: 400;\">.getElementById(<\/span><span style=\"font-weight: 400;\">'operation'<\/span><span style=\"font-weight: 400;\">).value;<\/span>\r\n\r\n <span style=\"font-weight: 400;\">let<\/span><span style=\"font-weight: 400;\"> result;<\/span>\r\n\r\n <span style=\"font-weight: 400;\">switch<\/span><span style=\"font-weight: 400;\">(operation) {<\/span>\r\n\r\n <span style=\"font-weight: 400;\">case<\/span> <span style=\"font-weight: 400;\">'add'<\/span><span style=\"font-weight: 400;\">:<\/span>\r\n\r\n<span style=\"font-weight: 400;\"> result = num1 + num2;<\/span>\r\n\r\n <span style=\"font-weight: 400;\">break<\/span><span style=\"font-weight: 400;\">;<\/span>\r\n\r\n <span style=\"font-weight: 400;\">case<\/span> <span style=\"font-weight: 400;\">'subtract'<\/span><span style=\"font-weight: 400;\">:<\/span>\r\n\r\n<span style=\"font-weight: 400;\"> result = num1 - num2;<\/span>\r\n\r\n <span style=\"font-weight: 400;\">break<\/span><span style=\"font-weight: 400;\">;<\/span>\r\n\r\n <span style=\"font-weight: 400;\">case<\/span> <span style=\"font-weight: 400;\">'multiply'<\/span><span style=\"font-weight: 400;\">:<\/span>\r\n\r\n<span style=\"font-weight: 400;\"> result = num1 * num2;<\/span>\r\n\r\n <span style=\"font-weight: 400;\">break<\/span><span style=\"font-weight: 400;\">;<\/span>\r\n\r\n <span style=\"font-weight: 400;\">case<\/span> <span style=\"font-weight: 400;\">'divide'<\/span><span style=\"font-weight: 400;\">:<\/span>\r\n\r\n<span style=\"font-weight: 400;\"> result = num1 \/ num2;<\/span>\r\n\r\n <span style=\"font-weight: 400;\">break<\/span><span style=\"font-weight: 400;\">;<\/span>\r\n\r\n<span style=\"font-weight: 400;\"> }<\/span>\r\n\r\n <span style=\"font-weight: 400;\">document<\/span><span style=\"font-weight: 400;\">.getElementById(<\/span><span style=\"font-weight: 400;\">'result'<\/span><span style=\"font-weight: 400;\">).innerText = <\/span><span style=\"font-weight: 400;\">'Result: '<\/span><span style=\"font-weight: 400;\"> + result;<\/span>\r\n\r\n<span style=\"font-weight: 400;\"> });<\/span>\r\n\r\n <span style=\"font-weight: 400;\">&lt;\/<\/span><b>script<\/b><span style=\"font-weight: 400;\">&gt;<\/span>\r\n<span style=\"font-weight: 400;\">&lt;\/<\/span><b>body<\/b><span style=\"font-weight: 400;\">&gt;<\/span>\r\n<span style=\"font-weight: 400;\">&lt;\/<\/span><b>html<\/b><span style=\"font-weight: 400;\">&gt;<\/span><\/pre>\n<p><span style=\"font-weight: 400;\">\u1ede b\u00e0i t\u1eadp tr\u00ean, \u0111o\u1ea1n m\u00e3 Javascript \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng nh\u01b0 sau:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">S\u1eed d\u1ee5ng <\/span><b>document.getElementById<\/b><span style=\"font-weight: 400;\"> \u0111\u1ec3 l\u1ea5y tham chi\u1ebfu \u0111\u1ebfn c\u00e1c \u00f4 input v\u00e0 th\u1ebb <\/span><b>select<\/b><span style=\"font-weight: 400;\">.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Chuy\u1ec3n \u0111\u1ed5i gi\u00e1 tr\u1ecb c\u1ee7a c\u00e1c \u00f4 input sang d\u1ea1ng s\u1ed1 b\u1eb1ng <\/span><b>parseFloat.<\/b><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">L\u01b0u tr\u1eef gi\u00e1 tr\u1ecb c\u00e1c s\u1ed1 v\u00e0 ph\u00e9p to\u00e1n v\u00e0o c\u00e1c bi\u1ebfn <\/span><b>num1, num2<\/b><span style=\"font-weight: 400;\"> v\u00e0 <\/span><b>operation<\/b><span style=\"font-weight: 400;\">.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">S\u1eed d\u1ee5ng c\u00e2u l\u1ec7nh <\/span><b>switch<\/b><span style=\"font-weight: 400;\"> \u0111\u1ec3 th\u1ef1c hi\u1ec7n ph\u00e9p to\u00e1n d\u1ef1a tr\u00ean gi\u00e1 tr\u1ecb c\u1ee7a bi\u1ebfn <\/span><b>operation: case &#8216;add&#8217;<\/b><span style=\"font-weight: 400;\">: C\u1ed9ng <\/span><b>num1<\/b><span style=\"font-weight: 400;\"> v\u00e0 <\/span><b>num2<\/b><span style=\"font-weight: 400;\">, l\u01b0u k\u1ebft qu\u1ea3 v\u00e0o <\/span><b>result.<\/b><span style=\"font-weight: 400;\"> Th\u1ef1c hi\u1ec7n t\u01b0\u01a1ng t\u1ef1 v\u1edbi c\u00e1c ph\u00e9p t\u00ednh c\u00f2n l\u1ea1i.\u00a0<\/span><\/li>\n<\/ul>\n<h2><span class=\"ez-toc-section\" id=\"Bai_tap_JavaScript_co_ban_Danh_sach_loc\"><\/span><b>B\u00e0i t\u1eadp JavaScript c\u01a1 b\u1ea3n: Danh s\u00e1ch l\u1ecdc<\/b><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span style=\"font-weight: 400;\">B\u00e0i t\u1eadp n\u00e0y s\u1ebd gi\u00fap b\u1ea1n l\u00e0m quen v\u1edbi c\u00e1ch tri\u1ec3n khai t\u00ednh n\u0103ng t\u00ecm ki\u1ebfm, cho ph\u00e9p l\u1ecdc danh s\u00e1ch theo c\u00e1c m\u1ee5c hi\u1ec3n th\u1ecb ph\u00f9 h\u1ee3p v\u1edbi nhu c\u1ea7u t\u00ecm ki\u1ebfm. Ch\u1eb3ng h\u1ea1n nh\u01b0:\u00a0<\/span><\/p>\n<p><b>B\u00e0i t\u1eadp 6:<\/b><span style=\"font-weight: 400;\"> T\u1ea1o m\u1ed9t danh s\u00e1ch l\u1ecdc t\u00ecm ki\u1ebfm v\u1edbi c\u00e1c \u0111\u1ea7u m\u1ee5c nh\u01b0 sau: h\u1ecdc Javascript, Javascript c\u01a1 b\u1ea3n, b\u00e0i t\u1eadp Javascript, c\u00e1c l\u1ec7nh trong Javascript.<\/span><\/p>\n<pre><span style=\"font-weight: 400;\">&lt;!DOCTYPE html&gt;<\/span>\r\n\r\n<span style=\"font-weight: 400;\">&lt;<\/span><b>html<\/b><span style=\"font-weight: 400;\">&gt;<\/span>\r\n\r\n<span style=\"font-weight: 400;\">&lt;<\/span><b>head<\/b><span style=\"font-weight: 400;\">&gt;<\/span>\r\n\r\n <span style=\"font-weight: 400;\">&lt;<\/span><b>title<\/b><span style=\"font-weight: 400;\">&gt;<\/span><span style=\"font-weight: 400;\">Filter List<\/span><span style=\"font-weight: 400;\">&lt;\/<\/span><b>title<\/b><span style=\"font-weight: 400;\">&gt;<\/span>\r\n\r\n<span style=\"font-weight: 400;\">&lt;\/<\/span><b>head<\/b><span style=\"font-weight: 400;\">&gt;<\/span>\r\n\r\n<span style=\"font-weight: 400;\">&lt;<\/span><b>body<\/b><span style=\"font-weight: 400;\">&gt;<\/span>\r\n\r\n <span style=\"font-weight: 400;\">&lt;<\/span><b>input<\/b><span style=\"font-weight: 400;\"> type=<\/span><span style=\"font-weight: 400;\">\"text\"<\/span><span style=\"font-weight: 400;\"> id=<\/span><span style=\"font-weight: 400;\">\"filterInput\"<\/span><span style=\"font-weight: 400;\"> placeholder=<\/span><span style=\"font-weight: 400;\">\"Search for names..\"<\/span><span style=\"font-weight: 400;\">&gt;<\/span>\r\n\r\n <span style=\"font-weight: 400;\">&lt;<\/span><b>ul<\/b><span style=\"font-weight: 400;\"> id=<\/span><span style=\"font-weight: 400;\">\"namesList\"<\/span><span style=\"font-weight: 400;\">&gt;<\/span>\r\n\r\n<span style=\"font-weight: 400;\"> \u00a0 <\/span><span style=\"font-weight: 400;\">&lt;<\/span><b>li<\/b><span style=\"font-weight: 400;\">&gt;<\/span><span style=\"font-weight: 400;\">H\u1ecdc Javascript<\/span><span style=\"font-weight: 400;\">&lt;\/<\/span><b>li<\/b><span style=\"font-weight: 400;\">&gt;<\/span>\r\n\r\n<span style=\"font-weight: 400;\"> \u00a0 <\/span><span style=\"font-weight: 400;\">&lt;<\/span><b>li<\/b><span style=\"font-weight: 400;\">&gt;<\/span><span style=\"font-weight: 400;\">Javascript c\u01a1 b\u1ea3n<\/span><span style=\"font-weight: 400;\">&lt;\/<\/span><b>li<\/b><span style=\"font-weight: 400;\">&gt;<\/span>\r\n\r\n<span style=\"font-weight: 400;\"> \u00a0 <\/span><span style=\"font-weight: 400;\">&lt;<\/span><b>li<\/b><span style=\"font-weight: 400;\">&gt;<\/span><span style=\"font-weight: 400;\">B\u00e0i t\u1eadp Javascript<\/span><span style=\"font-weight: 400;\">&lt;\/<\/span><b>li<\/b><span style=\"font-weight: 400;\">&gt;<\/span>\r\n\r\n<span style=\"font-weight: 400;\"> \u00a0 <\/span><span style=\"font-weight: 400;\">&lt;<\/span><b>li<\/b><span style=\"font-weight: 400;\">&gt;<\/span><span style=\"font-weight: 400;\">C\u00e1c l\u1ec7nh trong Javascript<\/span><span style=\"font-weight: 400;\">&lt;\/<\/span><b>li<\/b><span style=\"font-weight: 400;\">&gt;<\/span>\r\n\r\n <span style=\"font-weight: 400;\">&lt;\/<\/span><b>ul<\/b><span style=\"font-weight: 400;\">&gt;<\/span>\r\n\r\n <span style=\"font-weight: 400;\">&lt;<\/span><b>script<\/b><span style=\"font-weight: 400;\">&gt;<\/span>\r\n\r\n <span style=\"font-weight: 400;\">document<\/span><span style=\"font-weight: 400;\">.getElementById(<\/span><span style=\"font-weight: 400;\">'filterInput'<\/span><span style=\"font-weight: 400;\">).addEventListener(<\/span><span style=\"font-weight: 400;\">'keyup'<\/span><span style=\"font-weight: 400;\">, <\/span><span style=\"font-weight: 400;\">function<\/span><span style=\"font-weight: 400;\">() {<\/span>\r\n\r\n <span style=\"font-weight: 400;\">const<\/span><span style=\"font-weight: 400;\"> input = <\/span><span style=\"font-weight: 400;\">document<\/span><span style=\"font-weight: 400;\">.getElementById(<\/span><span style=\"font-weight: 400;\">'filterInput'<\/span><span style=\"font-weight: 400;\">).value.toUpperCase();<\/span>\r\n\r\n <span style=\"font-weight: 400;\">const<\/span><span style=\"font-weight: 400;\"> ul = <\/span><span style=\"font-weight: 400;\">document<\/span><span style=\"font-weight: 400;\">.getElementById(<\/span><span style=\"font-weight: 400;\">\"namesList\"<\/span><span style=\"font-weight: 400;\">);<\/span>\r\n\r\n <span style=\"font-weight: 400;\">const<\/span><span style=\"font-weight: 400;\"> li = ul.getElementsByTagName(<\/span><span style=\"font-weight: 400;\">'li'<\/span><span style=\"font-weight: 400;\">);<\/span>\r\n\r\n <span style=\"font-weight: 400;\">for<\/span><span style=\"font-weight: 400;\"> (<\/span><span style=\"font-weight: 400;\">let<\/span><span style=\"font-weight: 400;\"> i = <\/span><span style=\"font-weight: 400;\">0<\/span><span style=\"font-weight: 400;\">; i &lt; li.length; i++) {<\/span>\r\n\r\n <span style=\"font-weight: 400;\">let<\/span><span style=\"font-weight: 400;\"> txtValue = li[i].textContent || li[i].innerText;<\/span>\r\n\r\n <span style=\"font-weight: 400;\">if<\/span><span style=\"font-weight: 400;\"> (txtValue.toUpperCase().indexOf(input) &gt; <\/span><span style=\"font-weight: 400;\">-1<\/span><span style=\"font-weight: 400;\">) {<\/span>\r\n\r\n<span style=\"font-weight: 400;\"> li[i].style.display = <\/span><span style=\"font-weight: 400;\">\"\"<\/span><span style=\"font-weight: 400;\">;<\/span>\r\n\r\n<span style=\"font-weight: 400;\"> } <\/span><span style=\"font-weight: 400;\">else<\/span><span style=\"font-weight: 400;\"> {<\/span>\r\n\r\n<span style=\"font-weight: 400;\"> li[i].style.display = <\/span><span style=\"font-weight: 400;\">\"none\"<\/span><span style=\"font-weight: 400;\">;<\/span>\r\n\r\n<span style=\"font-weight: 400;\"> }<\/span>\r\n\r\n<span style=\"font-weight: 400;\"> }<\/span>\r\n\r\n<span style=\"font-weight: 400;\"> });<\/span>\r\n\r\n <span style=\"font-weight: 400;\">&lt;\/<\/span><b>script<\/b><span style=\"font-weight: 400;\">&gt;<\/span>\r\n\r\n<span style=\"font-weight: 400;\">&lt;\/<\/span><b>body<\/b><span style=\"font-weight: 400;\">&gt;<\/span>\r\n\r\n<span style=\"font-weight: 400;\">&lt;\/<\/span><b>html<\/b><span style=\"font-weight: 400;\">&gt;<\/span><\/pre>\n<p><span style=\"font-weight: 400;\">Qua b\u00e0i t\u1eadp tr\u00ean, c\u00f3 th\u1ec3 nh\u1eadn x\u00e9t nh\u01b0 sau:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>toUpperCase: <\/b><span style=\"font-weight: 400;\">\u0110\u01b0\u1ee3c s\u1eed d\u1ee5ng \u0111\u1ec3 l\u1ea5y gi\u00e1 tr\u1ecb v\u0103n b\u1ea3n \u0111\u00e3 nh\u1eadp trong \u00f4 t\u00ecm ki\u1ebfm, chuy\u1ec3n th\u00e0nh ch\u1eef hoa \u0111\u1ec3 so s\u00e1nh.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">L\u1ecdc danh s\u00e1ch v\u1edbi m\u1ee5c &lt;li&gt;, trong \u0111\u00f3 <\/span><b>li[i].textContent, li[i].innerText <\/b><span style=\"font-weight: 400;\">l\u1ea5y n\u1ed9i dung v\u0103n b\u1ea3n c\u1ee7a m\u1ee5c hi\u1ec7n t\u1ea1i.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>indexOf(input) &gt; -1): <\/b><span style=\"font-weight: 400;\">Ki\u1ec3m tra n\u1ed9i dung v\u0103n b\u1ea3n c\u00f3 ch\u1ee9a chu\u1ed7i t\u00ecm ki\u1ebfm hay kh\u00f4ng.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">N\u1ebfu c\u00f3, hi\u1ec3n th\u1ecb m\u1ee5c \u0111\u00f3 v\u1edbi<\/span> <b>li[i].style.display = \u201c\u201d <\/b><span style=\"font-weight: 400;\">v\u00e0 ng\u01b0\u1ee3c l\u1ea1i v\u1edbi gi\u00e1 tr\u1ecb l\u00e0 \u201cnone\u201d.\u00a0<\/span><\/li>\n<\/ul>\n<h2><span class=\"ez-toc-section\" id=\"5_website_thuc_hanh_viet_ma_Javascript_co_ban\"><\/span><b>5+ website th\u1ef1c h\u00e0nh vi\u1ebft m\u00e3 Javascript c\u01a1 b\u1ea3n\u00a0<\/b><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span style=\"font-weight: 400;\">\u0110\u1ec3 tr\u1edf th\u00e0nh m\u1ed9t Javascript Developer chuy\u00ean nghi\u1ec7p th\u00ec b\u1ea1n n\u00ean s\u1eed d\u1ee5ng ng\u00f4n ng\u1eef n\u00e0y trong nhi\u1ec1u d\u1ef1 \u00e1n th\u1ef1c t\u1ebf nh\u1ea5t c\u00f3 th\u1ec3. B\u1eaft \u0111\u1ea7u t\u1eeb nh\u1eefng ki\u1ebfn th\u1ee9c c\u01a1 b\u1ea3n v\u00e0 d\u1ea7n l\u00e0m quen v\u1edbi c\u1ea5u tr\u00fac m\u00e3 n\u00e2ng cao, k\u1ef9 n\u0103ng c\u1ee7a b\u1ea1n s\u1ebd ti\u1ebfn b\u1ed9 \u0111\u00e1ng k\u1ec3 c\u0169ng nh\u01b0 x\u00e2y d\u1ef1ng \u0111\u01b0\u1ee3c c\u00e1c d\u1ef1 \u00e1n ph\u1ee9c t\u1ea1p. Sau \u0111\u00e2y l\u00e0 5+ web gi\u00fap b\u1ea1n th\u1ef1c h\u00e0nh vi\u1ebft m\u00e3 Javascript \u0111\u01a1n gi\u1ea3n:\u00a0<\/span><b><\/b><\/p>\n<h3><b>W3Schools<\/b><\/h3>\n<p><a href=\"https:\/\/www.w3schools.com\/js\/default.asp\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">W3Schools<\/span><\/a><span style=\"font-weight: 400;\"> l\u00e0 n\u1ec1n t\u1ea3ng th\u1ef1c h\u00e0nh vi\u1ebft m\u00e3, l\u1eadp tr\u00ecnh web ph\u1ed5 bi\u1ebfn hi\u1ec7n nay v\u00e0 ho\u00e0n to\u00e0n mi\u1ec5n ph\u00ed. N\u1ebfu b\u1ea1n m\u1edbi h\u1ecdc l\u00e0m quen v\u1edbi c\u00e1c d\u1ea1ng<\/span> b\u00e0i t\u1eadp Javascript c\u01a1 b\u1ea3n, b\u1ea1n s\u1ebd \u0111\u01b0\u1ee3c l\u00e0m quen v\u1edbi b\u00e0i h\u1ecdc nhanh v\u1ec1 c\u00fa ph\u00e1p v\u00e0 \u00e1p d\u1ee5ng nh\u1eefng g\u00ec \u0111\u00e3 h\u1ecdc v\u00e0o b\u00e0i t\u1eadp th\u1ef1c h\u00e0nh ngay sau \u0111\u00f3.<\/p>\n<p><span style=\"font-weight: 400;\">M\u1ed9t t\u00ednh n\u0103ng th\u00fa v\u1ecb n\u1eefa c\u1ee7a Javascript ch\u00ednh l\u00e0 cho ph\u00e9p b\u1ea1n ch\u1ea1y th\u1eed \u0111o\u1ea1n m\u00e3 tr\u01b0\u1edbc khi hi\u1ec3n th\u1ecb tr\u00ean tr\u00ecnh duy\u1ec7t. T\u00ednh n\u0103ng n\u00e0y s\u1ebd ch\u1ea1y m\u00f4 ph\u1ecfng \u0111o\u1ea1n m\u00e3 c\u1ee7a b\u1ea1n, t\u1eeb \u0111\u00f3 b\u1ea1n c\u00f3 th\u1ec3 d\u1ec5 d\u00e0ng ch\u1ec9nh s\u1eeda m\u00e3 \u0111\u1ec3 ph\u00f9 h\u1ee3p v\u1edbi mong mu\u1ed1n c\u1ee7a b\u1ea3n th\u00e2n. B\u00ean c\u1ea1nh \u0111\u00f3, W3Schools c\u00f2n cung c\u1ea5p c\u00e1c b\u00e0i h\u1ecdc mi\u1ec5n ph\u00ed v\u1ec1 c\u00e1c ng\u00f4n ng\u1eef l\u1eadp tr\u00ecnh kh\u00e1c nh\u01b0 HTML, CSS, <\/span><a href=\"https:\/\/itviec.com\/blog\/sql-la-gi\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">SQL<\/span><\/a><span style=\"font-weight: 400;\">, Python, PHP, Java,&#8230;<\/span><b><\/b><\/p>\n<h3><b>Freecodecamp.org<\/b><\/h3>\n<p><a href=\"https:\/\/www.freecodecamp.org\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">Freecodecamp.org<\/span><\/a><span style=\"font-weight: 400;\"> l\u00e0 m\u1ed9t trong nh\u1eefng trang web th\u00edch h\u1ee3p \u0111\u1ec3 h\u1ecdc vi\u1ebft m\u00e3 v\u00e0 cung c\u1ea5p nhi\u1ec1u t\u00e0i nguy\u00ean Javascript mi\u1ec5n ph\u00ed, t\u1eeb nh\u1eefng k\u1ef9 n\u0103ng c\u01a1 b\u1ea3n \u0111\u1ebfn tr\u00ecnh \u0111\u1ed9 trung c\u1ea5p. Ch\u01b0\u01a1ng tr\u00ecnh h\u1ecdc c\u1ee7a Freecodecamp s\u1ebd b\u1eaft \u0111\u1ea7u t\u1eeb HTML v\u00e0 <\/span><a href=\"https:\/\/itviec.com\/blog\/css-la-gi\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">CSS<\/span><\/a><span style=\"font-weight: 400;\">, sau \u0111\u00f3 b\u1ea1n s\u1ebd \u0111\u01b0\u1ee3c h\u1ecdc c\u0169ng nh\u01b0 th\u1ef1c h\u00e0nh c\u00e1c <\/span>b\u00e0i t\u1eadp Javascript c\u01a1 b\u1ea3n \u0111\u1ebfn n\u00e2ng cao.<\/p>\n<p><span style=\"font-weight: 400;\">Ch\u00ednh v\u00ec v\u1eady, n\u1ebfu b\u1ea1n m\u1edbi h\u1ecdc l\u1eadp tr\u00ecnh th\u00ec s\u1ebd c\u1ea7n h\u1ecdc th\u00eam v\u1ec1 HTML v\u00e0 CSS tr\u01b0\u1edbc khi t\u00ecm hi\u1ec3u v\u1ec1 Javascript. \u0110\u00e2y c\u0169ng l\u00e0 l\u00fd do khi\u1ebfn Freecodecamp l\u00e0 m\u1ed9t trang web h\u1eefu \u00edch \u0111\u1ec3 b\u1ea1n b\u1eaft \u0111\u1ea7u h\u1ecdc l\u1eadp tr\u00ecnh.\u00a0<\/span><b><\/b><\/p>\n<h3><b>Learn Javascript<\/b><\/h3>\n<p><a href=\"https:\/\/learnjavascript.online\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">Learn Javascript<\/span><\/a><span style=\"font-weight: 400;\"> l\u00e0 n\u1ec1n t\u1ea3ng tr\u1ef1c tuy\u1ebfn cung c\u1ea5p c\u00e1c kh\u00f3a h\u1ecdc v\u1ec1 <\/span>b\u00e0i t\u1eadp Javascript c\u01a1 b\u1ea3n<span style=\"font-weight: 400;\">, bao g\u1ed3m c\u00e1c nguy\u00ean t\u1eafc v\u1ec1 c\u00fa ph\u00e1p, \u0111em \u0111\u1ebfn n\u1ec1n t\u1ea3ng v\u1eefng ch\u1eafc cho b\u1ea1n khi th\u1ef1c h\u00e0nh. C\u00e1c kh\u00f3a h\u1ecdc \u0111\u1ec1u \u0111\u01b0\u1ee3c bi\u00ean so\u1ea1n ch\u1ec9n chu, \u0111i th\u1eb3ng v\u00e0o v\u1ea5n \u0111\u1ec1 v\u00e0 lu\u00f4n c\u00f3 b\u1ea3n t\u00f3m t\u1eaft sau cu\u1ed1i bu\u1ed5i h\u1ecdc \u0111\u1ec3 b\u1ea1n c\u00f3 th\u1ec3 \u0111\u1ecdc th\u00eam.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Khi th\u1ef1c h\u00e0nh, b\u1ea1n c\u00f3 th\u1ec3 tr\u1ef1c ti\u1ebfp vi\u1ebft m\u00e3 tr\u00ean tr\u00ecnh duy\u1ec7t web, gi\u1ea3i quy\u1ebft c\u00e1c v\u1ea5n \u0111\u1ec1 v\u1ec1 c\u00e2u h\u1ecfi Javascript c\u0169ng nh\u01b0 x\u00e2y d\u1ef1ng d\u1ef1 \u00e1n ph\u00f9 h\u1ee3p. C\u00e1c kh\u00f3a h\u1ecdc tr\u00ean Learn Javascript \u0111\u1ec1u \u0111\u01b0\u1ee3c thi\u1ebft k\u1ebf mi\u1ec5n ph\u00ed, tuy nhi\u00ean b\u1ea1n c\u00f3 th\u1ec3 \u0111\u0103ng k\u00fd g\u00f3i Pro \u0111\u1ec3 c\u00f3 th\u1ec3 ti\u1ebfp c\u1eadn v\u1edbi c\u00e1c b\u00e0i h\u1ecdc chuy\u00ean s\u00e2u h\u01a1n nh\u00e9!\u00a0<\/span><b><\/b><\/p>\n<h3><b>Edabit<\/b><\/h3>\n<p><a href=\"https:\/\/edabit.com\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">Edabit<\/span><\/a><span style=\"font-weight: 400;\"> cung c\u1ea5p h\u01a1n 2500+ <\/span>b\u00e0i t\u1eadp Javascript c\u01a1 b\u1ea3n<span style=\"font-weight: 400;\">, t\u1eeb c\u1ea5p \u0111\u1ed9 s\u01a1 c\u1ea5p \u0111\u1ebfn tr\u00ecnh \u0111\u1ed9 chuy\u00ean gia. B\u1ea1n c\u00f3 th\u1ec3 th\u1ef1c h\u00e0nh tr\u1ef1c ti\u1ebfp tr\u00ean tr\u00ecnh duy\u1ec7t web c\u1ee7a m\u00ecnh v\u00e0 c\u00e1c b\u00e0i t\u1eadp \u0111\u1ec1u mi\u1ec5n ph\u00ed. Ngo\u00e0i Javascript, trang web c\u00f2n cung c\u1ea5p c\u00e1c b\u00e0i t\u1eadp th\u1ef1c h\u00e0nh v\u1ec1 C#, C++, <\/span><a href=\"https:\/\/itviec.com\/blog\/java-la-gi\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">Java<\/span><\/a><span style=\"font-weight: 400;\">, <\/span><a href=\"https:\/\/itviec.com\/blog\/php-la-gi\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">PHP<\/span><\/a><span style=\"font-weight: 400;\">, Python, <\/span><a href=\"https:\/\/itviec.com\/blog\/ruby-on-rails\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">Ruby<\/span><\/a><span style=\"font-weight: 400;\"> hay Swift,&#8230; gi\u00fap b\u1ea1n trang b\u1ecb n\u1ec1n t\u1ea3ng ki\u1ebfn th\u1ee9c v\u1eefng ch\u1eafc v\u1ec1 l\u1eadp tr\u00ecnh web.\u00a0<\/span><b><\/b><\/p>\n<h3><b>Javascript Hero<\/b><\/h3>\n<p><a href=\"https:\/\/www.jshero.net\/en\/koans\/var.html\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">Javascript Hero<\/span><\/a><span style=\"font-weight: 400;\"> l\u00e0 n\u1ec1n t\u1ea3ng th\u1ef1c h\u00e0nh Javascript \u0111\u01a1n gi\u1ea3n nh\u01b0ng c\u1ef1c k\u1ef3 h\u1eefu \u00edch d\u00e0nh cho nh\u1eefng ng\u01b0\u1eddi m\u1edbi b\u1eaft \u0111\u1ea7u. B\u1ea1n s\u1ebd \u0111\u01b0\u1ee3c b\u1eaft \u0111\u1ea7u v\u1edbi nh\u1eefng <\/span>b\u00e0i t\u1eadp Javascript c\u01a1 b\u1ea3n nh\u01b0 c\u00e1ch ho\u1ea1t \u0111\u1ed9ng c\u1ee7a bi\u1ebfn, h\u00e0m, tham s\u1ed1 v\u00e0 c\u00e1c c\u00fa ph\u00e1p kh\u00e1c,&#8230;<\/p>\n<p><span style=\"font-weight: 400;\">M\u1ed7i b\u00e0i h\u1ecdc s\u1ebd bao g\u1ed3m b\u00e0i t\u1eadp nhanh d\u1ef1a tr\u00ean nh\u1eefng g\u00ec b\u1ea1n v\u1eeba h\u1ecdc, n\u1ebfu g\u1eb7p kh\u00f3 kh\u0103n, s\u1ebd c\u00f3 nh\u1eefng g\u1ee3i \u00fd h\u1eefu \u00edch d\u00e0nh cho b\u1ea1n. Ngo\u00e0i ra, Javascript Hero c\u00f2n cung c\u1ea5p gi\u1ea3i ph\u00e1p cho c\u00e1c b\u00e0i h\u1ecdc c\u0169ng nh\u01b0 kh\u00f3a h\u1ecdc tr\u00ean n\u1ec1n t\u1ea3ng.\u00a0<\/span><b><\/b><\/p>\n<h3><b>Codewars<\/b><\/h3>\n<p><span style=\"font-weight: 400;\"><a href=\"https:\/\/www.codewars.com\/\" target=\"_blank\" rel=\"noopener\">Codewars<\/a> l\u00e0 m\u1ed9t n\u1ec1n t\u1ea3ng h\u1ecdc th\u1ef1c h\u00e0nh l\u1eadp tr\u00ecnh v\u1edbi nh\u1eefng b\u00e0i t\u1eadp \u0111\u01b0\u1ee3c thi\u1ebft k\u1ebf v\u00e0 bi\u00ean so\u1ea1n ch\u1ec9n chu t\u1eeb c\u1ea5p \u0111\u1ed9 c\u01a1 b\u1ea3n \u0111\u1ebfn n\u00e2ng cao. B\u1ea1n s\u1ebd \u0111\u01b0\u1ee3c l\u00e0m quen v\u1edbi n\u1ec1n t\u1ea3ng <\/span>b\u00e0i t\u1eadp Javascript c\u01a1 b\u1ea3n nh\u01b0 c\u00e1ch s\u1eed d\u1ee5ng h\u00e0m, bi\u1ebfn, d\u1eef li\u1ec7u,&#8230;<\/p>\n<p><span style=\"font-weight: 400;\">B\u00ean c\u1ea1nh Javascript, Codewar c\u0169ng c\u00f3 h\u1ed7 tr\u1ee3 th\u00eam m\u1ed9t s\u1ed1 ng\u00f4n ng\u1eef l\u1eadp tr\u00ecnh kh\u00e1c nh\u01b0 HTML, CSS, Spring, Ruby,&#8230; \u0110\u1ed3ng th\u1eddi, b\u1ea1n c\u0169ng c\u00f3 th\u1ec3 tham kh\u1ea3o th\u00eam c\u00e1c t\u00e0i nguy\u00ean tr\u1ef1c tuy\u1ebfn t\u1eeb trang web \u0111\u1ec3 n\u00e2ng cao th\u00eam n\u1ec1n t\u1ea3ng ki\u1ebfn th\u1ee9c c\u1ee7a b\u1ea3n th\u00e2n.<\/span><\/p>\n<h2><span class=\"ez-toc-section\" id=\"Mot_so_cau_hoi_thuong_gap\"><\/span><b> M\u1ed9t s\u1ed1 c\u00e2u h\u1ecfi th\u01b0\u1eddng g\u1eb7p<\/b><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<h3><b>H\u1ecdc Javascript c\u00f3 kh\u00f3 kh\u00f4ng?<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">\u0110\u1ec3 c\u00f3 th\u1ec3 h\u1ecdc v\u00e0 n\u1eafm v\u1eefng nh\u1eefng ki\u1ebfn th\u1ee9c c\u01a1 b\u1ea3n v\u1ec1 Javascript, b\u1ea1n n\u00ean b\u1eaft \u0111\u1ea7u h\u1ecdc theo t\u1eebng ch\u1ee7 \u0111\u1ec1 ho\u1eb7c concept c\u1ee7a ng\u00f4n ng\u1eef l\u1eadp tr\u00ecnh n\u00e0y, \u0111\u1eebng c\u1ed1 g\u1eafng h\u1ecdc m\u1ecdi framework c\u00f9ng m\u1ed9t l\u00fac. Javascript kh\u00f4ng ch\u1ec9 l\u00e0 m\u1ed9t ng\u00f4n ng\u1eef m\u00e0 l\u00e0 b\u1ed9 c\u00f4ng c\u1ee5 b\u1ea1n c\u00f3 th\u1ec3 s\u1eed d\u1ee5ng theo nhi\u1ec1u c\u00e1ch kh\u00e1c nhau.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">B\u1ea1n n\u00ean t\u1eadp trung v\u00e0o nh\u1eefng ki\u1ebfn th\u1ee9c c\u01a1 b\u1ea3n, c\u00e1ch s\u1eed d\u1ee5ng c\u0169ng nh\u01b0 ho\u1ea1t \u0111\u1ed9ng c\u1ee7a c\u00e1c ch\u1ee9c n\u0103ng trong Javascript. Sau \u0111\u00f3, v\u1eadn d\u1ee5ng ki\u1ebfn th\u1ee9c \u0111\u00e3 h\u1ecdc qua nhi\u1ec1u d\u1ef1 \u00e1n th\u1ef1c t\u1ebf, b\u00e0i t\u1eadp th\u1ef1c h\u00e0nh \u0111\u1ec3 ph\u00e1t tri\u1ec3n k\u1ef9 n\u0103ng c\u1ee7a b\u1ea3n th\u00e2n.\u00a0<\/span><b><\/b><\/p>\n<h3><b>N\u00ean chu\u1ea9n b\u1ecb g\u00ec tr\u01b0\u1edbc khi h\u1ecdc Javascript?<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">Tr\u01b0\u1edbc khi \u0111\u1ebfn v\u1edbi ng\u00f4n ng\u1eef l\u1eadp tr\u00ecnh Javascript, b\u1ea1n n\u00ean c\u00f3 ki\u1ebfn th\u1ee9c c\u01a1 b\u1ea3n v\u1ec1 l\u1eadp tr\u00ecnh c\u0169ng nh\u01b0 HTML v\u00e0 CSS, b\u1edfi v\u00ec \u0111\u00e2y l\u00e0 hai ng\u00f4n ng\u1eef t\u1ea1o ra c\u1ea5u tr\u00fac c\u00f9ng giao di\u1ec7n c\u1ee7a trang web, \u201cph\u1ea7n khung\u201d \u0111\u1ec3 Javascript ho\u1ea1t \u0111\u1ed9ng. B\u00ean c\u1ea1nh \u0111\u00f3 l\u00e0 tham kh\u1ea3o th\u00eam nh\u1eefng b\u00e0i t\u1eadp ho\u1eb7c trau d\u1ed3i n\u1ec1n t\u1ea3ng ki\u1ebfn th\u1ee9c v\u1ec1 l\u1eadp tr\u00ecnh qua nh\u1eefng kh\u00f3a h\u1ecdc online, t\u00e0i li\u1ec7u tr\u1ef1c tuy\u1ebfn,&#8230;\u00a0<\/span><b><\/b><\/p>\n<h3><b>C\u1ea7n n\u1eafm nh\u1eefng kh\u00e1i ni\u1ec7m c\u01a1 b\u1ea3n n\u00e0o khi h\u1ecdc Javascript?<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">\u0110\u1ec3 s\u1eed d\u1ee5ng th\u00e0nh th\u1ea1o Javascript, b\u1ea1n c\u1ea7n n\u1eafm v\u1eefng nh\u1eefng kh\u00e1i ni\u1ec7m c\u01a1 b\u1ea3n v\u1ec1 ng\u00f4n ng\u1eef l\u1eadp tr\u00ecnh n\u00e0y nh\u01b0 sau:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\">Ki\u1ec3u d\u1eef li\u1ec7u: Nh\u1eefng ki\u1ec3u d\u1eef li\u1ec7u c\u01a1 b\u1ea3n nh\u01b0 s\u1ed1 (number), chu\u1ed7i (string), null, symbol,&#8230;<\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\">Bi\u1ebfn (Variables): D\u00f9ng \u0111\u1ec3 l\u01b0u tr\u1eef d\u1eef li\u1ec7u trong Javascript. B\u1ea1n s\u1ebd c\u1ea7n n\u1eafm r\u00f5 v\u1ec1 c\u00e1ch khai b\u00e1o, g\u00e1n gi\u00e1 tr\u1ecb v\u00e0 s\u1eed d\u1ee5ng bi\u1ebfn.<\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\">To\u00e1n t\u1eed (Operators): N\u1eafm r\u00f5 c\u00e1c lo\u1ea1i to\u00e1n t\u1eed \u0111\u1ec3 th\u1ef1c hi\u1ec7n c\u00e1c ph\u00e9p to\u00e1n s\u1ed1 h\u1ecdc, so s\u00e1nh logic ho\u1eb7c thao t\u00e1c v\u1edbi chu\u1ed7i.<\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\">C\u1ea5u tr\u00fac (Structure): Hi\u1ec3u r\u00f5 v\u1ec1 c\u00e1ch s\u1eed d\u1ee5ng c\u00e1c c\u1ea5u tr\u00fac nh\u01b0 if-else, while, for,&#8230;<\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\">H\u00e0m (Functions): Hi\u1ec3u r\u00f5 v\u1ec1 c\u00e1ch khai b\u00e1o, truy\u1ec1n tham s\u1ed1, tr\u1ea3 v\u1ec1 gi\u00e1 tr\u1ecb v\u00e0 c\u00e1ch s\u1eed d\u1ee5ng h\u00e0m.<\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\">M\u1ea3ng (Arrays): N\u1eafm r\u00f5 v\u1ec1 c\u00e1ch khai b\u00e1o c\u0169ng nh\u01b0 ph\u01b0\u01a1ng th\u1ee9c ph\u1ed5 bi\u1ebfn c\u1ee7a m\u1ea3ng.<\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\">\u0110\u1ed1i t\u01b0\u1ee3ng (Objects): N\u1eafm r\u00f5 v\u1ec1 c\u00e1ch khai b\u00e1o c\u00e1c thu\u1ed9c t\u00ednh \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng \u0111\u1ec3 m\u00f4 t\u1ea3 d\u1eef li\u1ec7u ph\u1ee9c t\u1ea1p.<\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\">DOM: Hi\u1ec3u r\u00f5 v\u1ec1 c\u00e1ch thao t\u00e1c ph\u1ea7n t\u1eed HTML v\u1edbi DOM.<\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Ngo\u00e0i ra, b\u1ea1n c\u0169ng n\u00ean t\u00ecm hi\u1ec3u v\u1ec1 c\u00e1c Javascript Framework (React, Angular, Node.js) hay th\u01b0 vi\u1ec7n Javascript (AJAX) \u0111\u1ec3 g\u1eb7t h\u00e1i \u0111\u01b0\u1ee3c nh\u1eefng th\u00e0nh c\u00f4ng tr\u00ean con \u0111\u01b0\u1eddng s\u1ef1 nghi\u1ec7p nh\u00e9!<\/span><b><\/b><\/p>\n<h3><b>N\u00ean h\u1ecdc g\u00ec sau khi h\u1ecdc Javascript?<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">N\u1ebfu b\u1ea1n \u0111ang t\u00ecm ki\u1ebfm b\u01b0\u1edbc ti\u1ebfp theo trong h\u00e0nh tr\u00ecnh l\u1eadp tr\u00ecnh web c\u1ee7a b\u1ea3n th\u00e2n sau khi th\u00e0nh th\u1ea1o v\u1ec1 Javascript, th\u00ec c\u00f3 th\u1ec3 t\u00ecm hi\u1ec3u theo v\u1ec1 nh\u1eefng k\u1ef9 n\u0103ng li\u00ean quan nh\u01b0 Typescript, React, Node.js, MongoDB hay Python,&#8230; \u0111\u1ec3 m\u1edf ra c\u01a1 h\u1ed9i ngh\u1ec1 nghi\u1ec7p \u0111a d\u1ea1ng h\u01a1n. C\u1ee5 th\u1ec3 nh\u01b0:\u00a0<\/span><\/p>\n<ul>\n<li><b><a href=\"https:\/\/itviec.com\/blog\/typescript-la-gi\/\" target=\"_blank\" rel=\"noopener\">Typescript<\/a>:<\/b><span style=\"font-weight: 400;\"> Ng\u00f4n ng\u1eef l\u1eadp tr\u00ecnh m\u00e3 ngu\u1ed3n m\u1edf mi\u1ec5n ph\u00ed \u0111\u01b0\u1ee3c Microsoft ph\u00e1t h\u00e0nh, \u0111\u01b0\u1ee3c thi\u1ebft k\u1ebf \u0111\u1ec3 ph\u00e1t tri\u1ec3n c\u00e1c \u1ee9ng d\u1ee5ng l\u1edbn v\u00e0 chuy\u1ec3n th\u00e0nh m\u00e3 Javascript. H\u1ecdc th\u00eam v\u1ec1 Typescript s\u1ebd gi\u00fap b\u1ea1n d\u1ec5 d\u00e0ng thao t\u00e1c v\u1edbi nh\u1eefng d\u1ef1 \u00e1n Javascript l\u1edbn v\u00e0 ph\u1ee9c t\u1ea1p h\u01a1n.<\/span><\/li>\n<li><b>React.js<\/b><b>: <\/b><span style=\"font-weight: 400;\">Th\u01b0 vi\u1ec7n m\u00e3 ngu\u1ed3n m\u1edf m\u00e0 c\u00e1c l\u1eadp tr\u00ecnh vi\u00ean c\u00f3 th\u1ec3 s\u1eed d\u1ee5ng \u0111\u1ec3 x\u00e2y d\u1ef1ng giao di\u1ec7n ng\u01b0\u1eddi d\u00f9ng. React.js \u0111\u01b0\u1ee3c t\u1ea1o th\u00e0nh t\u1eeb c\u00e1c kh\u1ed1i m\u00e3 g\u1ecdi l\u00e0 th\u00e0nh ph\u1ea7n (components) v\u00e0 c\u00f3 th\u1ec3 s\u1eed d\u1ee5ng nhi\u1ec1u l\u1ea7n trong c\u00e1c d\u1ef1 \u00e1n kh\u00e1c nhau, gi\u00fap cho qu\u00e1 tr\u00ecnh ph\u00e1t tri\u1ec3n web su\u00f4n s\u1ebb h\u01a1n.\u00a0<\/span><\/li>\n<li><a href=\"https:\/\/itviec.com\/blog\/nodejs-la-gi\/\" target=\"_blank\" rel=\"noopener\"><b>Node.js<\/b><\/a><b>:<\/b><span style=\"font-weight: 400;\"> Ng\u00f4n ng\u1eef backend Node.js cho ph\u00e9p l\u00e0m vi\u1ec7c v\u1edbi m\u00e1y ch\u1ee7 (server-side) v\u1edbi Javascript. Node.js s\u1ebd cho ph\u00e9p c\u00e1c l\u1eadp tr\u00ecnh vi\u00ean vi\u1ebft m\u00e3 tr\u00ean ph\u1ea7n ph\u1ee5 tr\u1ee3 b\u1eb1ng Javascript.<\/span><\/li>\n<li><a href=\"https:\/\/itviec.com\/blog\/tai-lieu-lap-trinh-python\/\" target=\"_blank\" rel=\"noopener\"><b>Python<\/b><\/a><b>:<\/b><span style=\"font-weight: 400;\"> L\u1ef1a ch\u1ecdn l\u00fd t\u01b0\u1edfng d\u00e0nh cho nh\u1eefng b\u1ea1n mu\u1ed1n t\u00ecm hi\u1ec3u v\u1ec1 c\u00e1ch x\u00e2y d\u1ef1ng \u1ee9ng d\u1ee5ng web ph\u00eda m\u00e1y ch\u1ee7 (server-side). V\u1edbi c\u00fa ph\u00e1p \u0111\u01a1n gi\u1ea3n c\u00f9ng d\u1eef li\u1ec7u m\u00e3 ngu\u1ed3n m\u1edf n\u00ean h\u1ecdc Python s\u1ebd d\u1ec5 d\u00e0ng h\u01a1n, \u0111\u1eb7c bi\u1ec7t l\u00e0 v\u1edbi nh\u1eefng b\u1ea1n \u0111\u00e3 c\u00f3 kinh nghi\u1ec7m vi\u1ebft m\u00e3.\u00a0<\/span><\/li>\n<\/ul>\n<h2><span class=\"ez-toc-section\" id=\"Tong_ket_ve_bai_tap_Javascript_co_ban\"><\/span><b>T\u1ed5ng k\u1ebft v\u1ec1 b\u00e0i t\u1eadp Javascript c\u01a1 b\u1ea3n\u00a0<\/b><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span style=\"font-weight: 400;\">\u0110\u1ec3 n\u1eafm v\u1eefng ki\u1ebfn th\u1ee9c v\u1ec1 ng\u00f4n ng\u1eef l\u1eadp tr\u00ecnh, b\u00ean c\u1ea1nh n\u1ec1n t\u1ea3ng l\u00fd thuy\u1ebft, b\u1ea1n c\u0169ng n\u00ean th\u1ef1c h\u00e0nh v\u1edbi c\u00e1c d\u1ea1ng <\/span><b>b\u00e0i t\u1eadp Javascript c\u01a1 b\u1ea3n<\/b><span style=\"font-weight: 400;\"> \u0111\u1ec3 c\u00f3 g\u00f3c nh\u00ecn t\u1ed5ng quan h\u01a1n v\u1ec1 l\u1eadp tr\u00ecnh. V\u1edbi th\u1eddi \u0111\u1ea1i c\u00f4ng ngh\u1ec7 hi\u1ec7n \u0111\u1ea1i, ki\u1ebfn th\u1ee9c s\u1ebd kh\u00f4ng ng\u1eebng c\u1eadp nh\u1eadt nh\u1eefng xu h\u01b0\u1edbng m\u1edbi nh\u1ea5t, do \u0111\u00f3 h\u00e3y h\u1ecdc t\u1eadp v\u00e0 th\u1ef1c h\u00e0nh c\u00e1c d\u1ef1 \u00e1n th\u01b0\u1eddng xuy\u00ean \u0111\u1ec3 n\u00e2ng cao k\u1ef9 n\u0103ng c\u0169ng nh\u01b0 m\u1edf r\u1ed9ng c\u01a1 h\u1ed9i th\u0103ng ti\u1ebfn cho b\u1ea3n th\u00e2n b\u1ea1n nh\u00e9!<\/span><\/p>\n<blockquote><p>Xem th\u00eam: <a href=\"https:\/\/itviec.com\/blog\/javascript-developer\/\" target=\"_blank\" rel=\"noopener\"><b>Javascript Developer l\u00e0 g\u00ec? C\u00e1c h\u01b0\u1edbng ph\u00e1t tri\u1ec3n c\u1ee7a Javascript Developer<\/b><\/a><\/p><\/blockquote>\n","protected":false},"excerpt":{"rendered":"<p>Th\u1ef1c h\u00e0nh c\u00e1c b\u00e0i t\u1eadp Javascript c\u01a1 b\u1ea3n th\u01b0\u1eddng xuy\u00ean kh\u00f4ng ch\u1ec9 gi\u00fap b\u1ea1n n\u1eafm v\u1eefng ki\u1ebfn th\u1ee9c m\u00e0 c\u00f2n c\u00f3 th\u1ec3 v\u1eadn d\u1ee5ng v\u00e0o th\u1ef1c t\u1ebf m\u1ed9t c\u00e1ch hi\u1ec7u qu\u1ea3. Tuy nhi\u00ean, nhi\u1ec1u b\u1ea1n m\u1edbi b\u1eaft \u0111\u1ea7u h\u1ecdc l\u1eadp tr\u00ecnh l\u1ea1i b\u0103n kho\u0103n n\u00ean h\u1ecdc v\u00e0 th\u1ef1c h\u00e0nh Javascript nh\u01b0 th\u1ebf n\u00e0o, c\u00f9ng t\u00ecm [&hellip;]<\/p>\n","protected":false},"author":207,"featured_media":74742,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_gspb_post_css":"","footnotes":""},"categories":[109,10106],"tags":[],"class_list":["post-74440","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-chuyen-mon-it","category-tai-lieu-js"],"blocksy_meta":[],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v26.8 (Yoast SEO v27.8) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>B\u00e0i t\u1eadp JavaScript c\u01a1 b\u1ea3n k\u00e8m l\u1eddi gi\u1ea3i cho ng\u01b0\u1eddi m\u1edbi b\u1eaft \u0111\u1ea7u - ITviec Blog<\/title>\n<meta name=\"description\" content=\"Th\u1ef1c h\u00e0nh b\u00e0i t\u1eadp Javascript c\u01a1 b\u1ea3n gi\u00fap b\u1ea1n n\u1eafm v\u1eefng ki\u1ebfn th\u1ee9c v\u1ec1 JavaScript. C\u00f9ng b\u1eaft \u0111\u1ea7u v\u1edbi c\u00e1c b\u00e0i t\u1eadp Javascript sau.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/itviec.com\/blog\/bai-tap-javascript-co-ban\/\" \/>\n<meta property=\"og:locale\" content=\"vi_VN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"B\u00e0i t\u1eadp JavaScript c\u01a1 b\u1ea3n k\u00e8m l\u1eddi gi\u1ea3i cho ng\u01b0\u1eddi m\u1edbi b\u1eaft \u0111\u1ea7u\" \/>\n<meta property=\"og:description\" content=\"Th\u1ef1c h\u00e0nh c\u00e1c b\u00e0i t\u1eadp Javascript c\u01a1 b\u1ea3n th\u01b0\u1eddng xuy\u00ean kh\u00f4ng ch\u1ec9 gi\u00fap b\u1ea1n n\u1eafm v\u1eefng ki\u1ebfn th\u1ee9c m\u00e0 c\u00f2n c\u00f3 th\u1ec3 v\u1eadn d\u1ee5ng v\u00e0o th\u1ef1c t\u1ebf m\u1ed9t c\u00e1ch hi\u1ec7u qu\u1ea3. Tuy\" \/>\n<meta property=\"og:url\" content=\"https:\/\/itviec.com\/blog\/bai-tap-javascript-co-ban\/\" \/>\n<meta property=\"og:site_name\" content=\"ITviec Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/ITviec\" \/>\n<meta property=\"article:published_time\" content=\"2024-06-28T01:58:06+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/06\/bai-tap-javascript-co-ban-thumbnail-vippro.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1500\" \/>\n\t<meta property=\"og:image:height\" content=\"790\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Uyen Ngo\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@ITviec\" \/>\n<meta name=\"twitter:site\" content=\"@ITviec\" \/>\n<meta name=\"twitter:label1\" content=\"\u0110\u01b0\u1ee3c vi\u1ebft b\u1edfi\" \/>\n\t<meta name=\"twitter:data1\" content=\"Uyen Ngo\" \/>\n\t<meta name=\"twitter:label2\" content=\"\u01af\u1edbc t\u00ednh th\u1eddi gian \u0111\u1ecdc\" \/>\n\t<meta name=\"twitter:data2\" content=\"16 ph\u00fat\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"B\u00e0i t\u1eadp JavaScript c\u01a1 b\u1ea3n k\u00e8m l\u1eddi gi\u1ea3i cho ng\u01b0\u1eddi m\u1edbi b\u1eaft \u0111\u1ea7u - ITviec Blog","description":"Th\u1ef1c h\u00e0nh b\u00e0i t\u1eadp Javascript c\u01a1 b\u1ea3n gi\u00fap b\u1ea1n n\u1eafm v\u1eefng ki\u1ebfn th\u1ee9c v\u1ec1 JavaScript. C\u00f9ng b\u1eaft \u0111\u1ea7u v\u1edbi c\u00e1c b\u00e0i t\u1eadp Javascript sau.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/itviec.com\/blog\/bai-tap-javascript-co-ban\/","og_locale":"vi_VN","og_type":"article","og_title":"B\u00e0i t\u1eadp JavaScript c\u01a1 b\u1ea3n k\u00e8m l\u1eddi gi\u1ea3i cho ng\u01b0\u1eddi m\u1edbi b\u1eaft \u0111\u1ea7u","og_description":"Th\u1ef1c h\u00e0nh c\u00e1c b\u00e0i t\u1eadp Javascript c\u01a1 b\u1ea3n th\u01b0\u1eddng xuy\u00ean kh\u00f4ng ch\u1ec9 gi\u00fap b\u1ea1n n\u1eafm v\u1eefng ki\u1ebfn th\u1ee9c m\u00e0 c\u00f2n c\u00f3 th\u1ec3 v\u1eadn d\u1ee5ng v\u00e0o th\u1ef1c t\u1ebf m\u1ed9t c\u00e1ch hi\u1ec7u qu\u1ea3. Tuy","og_url":"https:\/\/itviec.com\/blog\/bai-tap-javascript-co-ban\/","og_site_name":"ITviec Blog","article_publisher":"https:\/\/www.facebook.com\/ITviec","article_published_time":"2024-06-28T01:58:06+00:00","og_image":[{"width":1500,"height":790,"url":"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/06\/bai-tap-javascript-co-ban-thumbnail-vippro.jpg","type":"image\/jpeg"}],"author":"Uyen Ngo","twitter_card":"summary_large_image","twitter_creator":"@ITviec","twitter_site":"@ITviec","twitter_misc":{"\u0110\u01b0\u1ee3c vi\u1ebft b\u1edfi":"Uyen Ngo","\u01af\u1edbc t\u00ednh th\u1eddi gian \u0111\u1ecdc":"16 ph\u00fat"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/itviec.com\/blog\/bai-tap-javascript-co-ban\/#article","isPartOf":{"@id":"https:\/\/itviec.com\/blog\/bai-tap-javascript-co-ban\/"},"author":{"name":"Uyen Ngo","@id":"https:\/\/itviec.com\/blog\/#\/schema\/person\/f4cd1226846e0258c664e170d3e52d20"},"headline":"B\u00e0i t\u1eadp JavaScript c\u01a1 b\u1ea3n k\u00e8m l\u1eddi gi\u1ea3i cho ng\u01b0\u1eddi m\u1edbi b\u1eaft \u0111\u1ea7u","datePublished":"2024-06-28T01:58:06+00:00","mainEntityOfPage":{"@id":"https:\/\/itviec.com\/blog\/bai-tap-javascript-co-ban\/"},"wordCount":4541,"publisher":{"@id":"https:\/\/itviec.com\/blog\/#organization"},"image":{"@id":"https:\/\/itviec.com\/blog\/bai-tap-javascript-co-ban\/#primaryimage"},"thumbnailUrl":"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/06\/bai-tap-javascript-co-ban-thumbnail-vippro.jpg","articleSection":["Chuy\u00ean m\u00f4n IT","T\u00e0i li\u1ec7u JS"],"inLanguage":"vi"},{"@type":"WebPage","@id":"https:\/\/itviec.com\/blog\/bai-tap-javascript-co-ban\/","url":"https:\/\/itviec.com\/blog\/bai-tap-javascript-co-ban\/","name":"B\u00e0i t\u1eadp JavaScript c\u01a1 b\u1ea3n k\u00e8m l\u1eddi gi\u1ea3i cho ng\u01b0\u1eddi m\u1edbi b\u1eaft \u0111\u1ea7u - ITviec Blog","isPartOf":{"@id":"https:\/\/itviec.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/itviec.com\/blog\/bai-tap-javascript-co-ban\/#primaryimage"},"image":{"@id":"https:\/\/itviec.com\/blog\/bai-tap-javascript-co-ban\/#primaryimage"},"thumbnailUrl":"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/06\/bai-tap-javascript-co-ban-thumbnail-vippro.jpg","datePublished":"2024-06-28T01:58:06+00:00","description":"Th\u1ef1c h\u00e0nh b\u00e0i t\u1eadp Javascript c\u01a1 b\u1ea3n gi\u00fap b\u1ea1n n\u1eafm v\u1eefng ki\u1ebfn th\u1ee9c v\u1ec1 JavaScript. C\u00f9ng b\u1eaft \u0111\u1ea7u v\u1edbi c\u00e1c b\u00e0i t\u1eadp Javascript sau.","breadcrumb":{"@id":"https:\/\/itviec.com\/blog\/bai-tap-javascript-co-ban\/#breadcrumb"},"inLanguage":"vi","potentialAction":[{"@type":"ReadAction","target":["https:\/\/itviec.com\/blog\/bai-tap-javascript-co-ban\/"]}]},{"@type":"ImageObject","inLanguage":"vi","@id":"https:\/\/itviec.com\/blog\/bai-tap-javascript-co-ban\/#primaryimage","url":"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/06\/bai-tap-javascript-co-ban-thumbnail-vippro.jpg","contentUrl":"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/06\/bai-tap-javascript-co-ban-thumbnail-vippro.jpg","width":1500,"height":790,"caption":"b\u00e0i t\u1eadp javascript c\u01a1 b\u1ea3n - itviec blog"},{"@type":"BreadcrumbList","@id":"https:\/\/itviec.com\/blog\/bai-tap-javascript-co-ban\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Chuy\u00ean m\u00f4n IT","item":"https:\/\/itviec.com\/blog\/chuyen-mon-it\/"},{"@type":"ListItem","position":2,"name":"B\u00e0i t\u1eadp JavaScript c\u01a1 b\u1ea3n k\u00e8m l\u1eddi gi\u1ea3i cho ng\u01b0\u1eddi m\u1edbi b\u1eaft \u0111\u1ea7u"}]},{"@type":"WebSite","@id":"https:\/\/itviec.com\/blog\/#website","url":"https:\/\/itviec.com\/blog\/","name":"ITviec Blog","description":"IT Jobs &amp; People in Vietnam","publisher":{"@id":"https:\/\/itviec.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/itviec.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"vi"},{"@type":"Organization","@id":"https:\/\/itviec.com\/blog\/#organization","name":"ITviec","url":"https:\/\/itviec.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"vi","@id":"https:\/\/itviec.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2018\/12\/itviec-black-square-facebook.png","contentUrl":"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2018\/12\/itviec-black-square-facebook.png","width":1800,"height":1800,"caption":"ITviec"},"image":{"@id":"https:\/\/itviec.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/ITviec","https:\/\/x.com\/ITviec","https:\/\/www.linkedin.com\/company\/itviec","https:\/\/www.youtube.com\/channel\/UCYthAQ3bcGr57M_ag5gHDvQ"]},{"@type":"Person","@id":"https:\/\/itviec.com\/blog\/#\/schema\/person\/f4cd1226846e0258c664e170d3e52d20","name":"Uyen Ngo","image":{"@type":"ImageObject","inLanguage":"vi","@id":"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/ngo-thieu-my-uyen-author-e1709880420317-100x100.jpg","url":"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/ngo-thieu-my-uyen-author-e1709880420317-100x100.jpg","contentUrl":"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/ngo-thieu-my-uyen-author-e1709880420317-100x100.jpg","caption":"Uyen Ngo"},"url":"https:\/\/itviec.com\/blog\/author\/uyen-ngo\/"}]}},"_links":{"self":[{"href":"https:\/\/itviec.com\/blog\/wp-json\/wp\/v2\/posts\/74440","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/itviec.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/itviec.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/itviec.com\/blog\/wp-json\/wp\/v2\/users\/207"}],"replies":[{"embeddable":true,"href":"https:\/\/itviec.com\/blog\/wp-json\/wp\/v2\/comments?post=74440"}],"version-history":[{"count":0,"href":"https:\/\/itviec.com\/blog\/wp-json\/wp\/v2\/posts\/74440\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/itviec.com\/blog\/wp-json\/wp\/v2\/media\/74742"}],"wp:attachment":[{"href":"https:\/\/itviec.com\/blog\/wp-json\/wp\/v2\/media?parent=74440"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/itviec.com\/blog\/wp-json\/wp\/v2\/categories?post=74440"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/itviec.com\/blog\/wp-json\/wp\/v2\/tags?post=74440"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}