Lệnh in ra màn hình trong Javascript
|
Hãy sử dụng vòng lặp for trong Javascript để in ra các số từ 1 đến 100, sử dụng lệnh document.write để in và thêm dấu gạch hàng - để tách biệt các số cho dễ nhìn. Show
Bài giải -------------------- ######## -------------------- Bài này quá đơn giản vì trong video lý thuyết mình đã giải rồi, tuy nhiên mình sẽ giải thêm một lần nữa cho các bạn không xem video cũng có thể học được. Bài viết này được đăng tại freetuts.net, không được copy dưới mọi hình thức. Chúng ta sẽ sử dụng vòng lặp for với điểm bắt đầu là 1 và điều kiện lặp là phải bé hơn hoặc bằng 100, bước nhảy là 1. Trong hầu hết các ngôn ngữ lập trình, một trong những khả năng cơ sở là hiển thị ra màn hình một dòng text. Trong JavaScript, người lập trình cũng có thể điều khiển việc xuất ra màn hình của client một dòng text tuần tự trong file HTML. JavaScript sẽ xác định điểm mà nó sẽ xuất ra trong file HTML và dòng text kết quả sẽ được dịch như các dòng HTML khác và hiển thị trên trang. Hơn nữa, JavaScript còn cho phép người lập trình sinh ra một hộp thông báo hoặc xác nhận gồm một hoặc hai nút. Ngoài ra, dòng text và các con số còn có thể hiển thị trong trường TEXT và TEXTAREA của một form. Trong phần này, ta sẽ tìm hiểu các phương thức write() và writeln() của đối tượng document. Đối tượng document trong JavaScript được thiết kế sẵn hai phương thức để xuất một dòng text ra màn hình client: write() và writeln(). Cách gọi một cách thức của một đối tượng như sau: Tên_đối_tượng.Tên_thuộc_tính Dữ liệu mà phương thức dùng để thực hiện công việc của nó được đưa vào dòng tham số, ví dụ: document.write("Test"); document.writeln('Test'); Phương thức write() xuất ra màn hình xâu Text nhưng không xuống dòng, còn writeln() sau khi viết xong dòng Text sẽ tự động xuống dòng. Hai cách thức này đều cho phép xuất ra thẻ HTML. Cùng gitiho contest chinh phục kiến thức, khẳng định bản thân với hệ thống bài test phong phú, đầy đủ các chủ đề để bạn khám phá. Khám phá ngay Chương trình hội viên Gitiho Tiết kiệm tối đa với gói Hội viên Gitiho. Thỏa mãn việc nâng cao kiến thức của bạn với gói Hội viên Gitiho bạn sẽ không còn bị giới hạnbởi số lượng khóa học đã mua. Gói hội viên Gitiho mang đến trải nghiệm học tập hoàn toàn mới, phù hợp với những học viên cần học nhiều nội dung trong trong một khoản thời gian sẽ giúp học viên tiết kiệm hơn rất nhiều so với mua lẻ hoặc combo. Hơn 20.000 người đã đăng ký Khám phá chương trìnhGitiho for leading business Tối ưu và đơn giản hóa hoạt động đào tạo tại doanh nghiệp. Sẵn sàng nền tảng, nội dung đào tạo cho tất cả các vị trí, bộ phận. Ứng dụng MIỄN PHÍ ngay vào doanh nghiệp chỉ với MỘT click. Đã được tin tưởng sử dụng bởi các doanh nghiệp Đăng ký miễn phí
Hà Vân Mục lục Câu lệnh và biến trong Javascript là phần kiến thức cơ bản mà những người mới học lập trình nhất định phải biết. Hãy cùng tìm hiểu ngay tất tần tật kiến thức quan trọng đó ngay dưới đây nhé. Trong bài viết trước, chúng mình đã hướng dẫn các bạn cách cài đặt Visual Studio Code để bắt đầu học lập trình với Javascript. bây giờ chúng ta sẽ sử dụng phần mềm này để học luôn phần kiến thức cơ bản đầu tiên đó là câu lệnh và biến trong Javascript. Câu lệnh và biến trong JavascriptCâu lệnh console.log trong JavascriptTrong một chương trình phần mềm bất kỳ thì các câu lệnh sẽ được thực hiện theo thứ tự từ trên xuống dưới và từ trái sang phải. Đầu tiên các bạn bật Visual Studio Code và nhập câu lệnh "cl" rồi bấm phím Tab là sẽ thấy phần mềm hiện lệnh console.log (); lên. Mục tiêu của lệnh console.log trong Javascript là để in ra màn hình. Nếu bạn chạy file JS bằng Node JS đã tích hợp vào Visual Studio Code thì sẽ nhìn thấy câu lệnh được in ra ở phần Terminal nằm bên dưới. Nếu các bạn vẫn còn nhớ công thức thực thi một câu lệnh bằng Node JS mà chúng mình đã hướng dẫn thì là nhập: node + tên file vào phần Terminal rồi bấm Enter. Trong ví dụ này, file của chúng mình tên là "main.js" nên chúng mình sẽ nhập vào là node main.js". Có một mẹo nhỏ ở đây là các bạn chỉ cần nhập 2 chữ cái đầu tiên của tên file rồi bấm Tab là toàn bộ tên file sẽ hiện lên. Sau đó các bạn bấm Enter là sẽ thấy chương trình đã được in ra gồm số 1 và số 9 đúng như nội dung nhập vào câu lệnh console.log ở trên. Lưu ý: Khi nhập nhiều câu lệnh trong cùng một dòng thì kết thúc mỗi câu phải có dấu chấm phẩy ngăn các bạn nhé. Nếu các bạn nhập mỗi câu lệnh một dòng riêng như của chúng mình thì có thể bỏ dấu chấm phẩy cuối câu lệnh đi cũng được. Ngoài ra, nếu các bạn cách ra vài dòng khi nhập câu lệnh thì phần khoảng trống ở giữa sẽ không hiển thị khi chạy file. Xem thêm: Hướng dẫn cài đặt Visual Studio Code cho người mới học lập trình Biến trong Javascript là gì?Biến là nơi dùng để lưu trữ dữ liệu trong Javascript. Để sử dụng được biến thì các bạn phải khai báo bằng cách dùng từ khóa "var" như trong hình ảnh dưới đây: Trong hình ảnh trên bạn có thể thấy công thức khai báo chung là var + tên biến. Về tên biến, các bạn có thể đặt như thế nào cũng được nhưng chúng mình có lời khuyên là chữ cái bắt đầu của tên biến nên được viết thường. Ngoài ra, chúng ta không nên để ký tự bắt đầu của tên một biến là số hoặc các ký tự đặc biệt như dấu phẩy, dấu chấm phẩy, dấu gạch chéo,... các bạn nhé. Chúng ta có thể gán được giá trị cho biến. Cách gán giá trị là các bạn nhập dấu bằng "=" vào sau tên biến rồi nhập giá trị vào sau dấu bằng. Giả sử trong hình ảnh dưới đây thì chúng minh đang gán giá trị 9999 cho biến có tên là "money". Để kiểm tra xem có đúng là giá trị này đã được gán cho biến "money" hay chưa thì các bạn dùng câu lệnh console.log như đã hướng dẫn ở trên, nhập nội dung bên trong dấu ngoặc là "money" rồi chạy thử trên Node JS. Chúng mình chạy thử thì thu được kết quả như sau: Nếu các bạn muốn gán lại giá trị cho biến thì các bạn chỉ cần nhập theo công thức: tên biến + dấu bằng "=" + giá trị gán lại như trong hình ảnh sau. Lúc này nếu chạy thử sẽ thấy giá trị được gán lại đã hiển thị: Mẹo: Để chạy thử câu lệnh nhanh trên Node JS thì thay vì dùng công thức node + tên file các bạn có thể bấm phím mũi tên chỉ lên trên bàn phím. Khi đó câu lệnh mới nhất được nhập vào file JS sẽ hiện lên và bạn chỉ cần bấm Enter để chạy thử. Xem thêm: Hướng dẫn chi tiết cách khởi tạo chương trình đầu tiên với Javascript Kết luậnHy vọng bài hướng dẫn kiến thức cơ bản và câu lệnh và biến trong Javascript của chúng mình sẽ hữu ích với các bạn trong quá trình học lập trình. Nếu các bạn muốn được học các bài giảng lý thuyết đầy đủ, chi tiết kết hợp cùng bài tập thực hành có tính ứng dụng cao kèm theo các tài liệu hay về Javascript thì hãy đăng ký ngay khóa học dưới đây: Lập trình Javascript căn bản từ A-Z thực chiến cho người mới Đây là khóa học phù hợp với các bạn mới gia nhập vào ngành lập trình, đang thiếu kiến thức căn bản và kinh nghiệm thực tế. Khóa học giúp các bạn nắm trọn kiến thức cốt lõi về Javascript, xây dựng nền tảng hiểu biết căn bản về lập trình, sử dụng thành thạo các hàm và tích lũy kinh nghiệm thực tiễn trong việc xử lý các bài toán cực hay. Trong quá trình học, bạn sẽ được giảng viên hỗ trợ nhiệt tình, giải đáp mọi thắc mắc một cách cặn kẽ và tỉ mỉ. Giảng viên sẽ phản hồi cho bạn trong vòng 24h sau khi câu hỏi được gửi đi ở mục Hỏi - Đáp dưới mỗi video bài học. Tất cả khóa học tại Gitiho đều có giá trị sử dụng trọn đời. Do đó, các bạn cứ thoải mái sắp xếp thời gian học phù hợp với lịch trình của cá nhân. Gitiho đã phát triển đồng thời cả website và ứng dụng học tập trên di động nên các bạn có thể học trên mọi thiết bị. Hãy đăng ký ngay hôm nay để được nhận ưu đãi về học phí các bạn nhé! Thích 0 Chia sẻ 0/5 - (0 bình chọn) 0/5 - (0 bình chọn) Bài viết liên quan Hướng dẫn về hàm ACOS của OracleHướng dẫn về hàm ATAN của OracleHướng dẫn về hàm COS của OracleHướng dẫn về hàm AVG của OracleCách tạo File HTML và chạy HTML trong Visual Studio CodeTìm hiểu chi tiết về các thẻ định dạng chữ (Text) trong HTML× Chúc mừng bạn đã nhận được quà tặng "" HÃY ĐĂNG NHẬP ĐỂ NHẬN QUÀ NGAY Đăng nhập bằng Google Đăng nhập bằng Apple Hoặc đăng nhập Đăng nhậpĐăng ký tài khoản Đăng nhập bằng Google Đăng nhập bằng Apple Hoặc đăng ký Đăng kýĐăng nhập Khóa học của tôi Bạn vui lòng đăng nhập để gửi tương tác Đăng nhập Đăng nhập bằng Google Đăng nhập bằng Apple Hoặc đăng nhập Đăng nhậpĐăng ký tài khoản Đăng ký Đăng nhập bằng Google Đăng nhập bằng Apple Hoặc đăng ký Đăng kýĐăng nhập  Top Hỗ trợ khách hàng Email: [email protected] Hotline: 0774 116 285 (Giờ làm việc: 8h30 - 18h, nghỉ chiều thứ 7 và CN) Những câu hỏi thường gặp Hướng dẫn đăng ký khoá học Hướng dẫn đăng nhập Hướng dẫn lấy lại mật khẩu Hướng dẫn thanh toán khóa học sau khi đăng ký thành công VỀ GITIHO Giới thiệu về Gitiho Blog Hỏi đáp Đào tạo cho doanh nghiệp Chính sách bảo mật thông tin Chính sách và quy định chung Quy định mua, hủy, sử dụng khóa học Bộ quy tắc hành xử của giảng viên và học viên trên Gitiho Quy trình xác nhận – hoàn, hủy đơn hàng tại hệ thống Gitiho Cách lấy chứng nhận Gitiho hợp tác và liên kết Dạy học trên Gitiho Dịch vụ Doanh nghiệp Đăng ký Gitiho Affiliate Tuyển dụng giảng viên Tuyển dụng nhân sự Tải App Gitiho Kết nối với chúng tôi Địa chỉ văn phòng: Phòng 302, tầng 3, Tòa nhà Tây Hà, KĐT mới Phùng Khoang, Phường Trung Văn, Quận Nam Từ Liêm, Thành phố Hà Nội, Việt Nam |
