Trang chủ » Blog » [Thực hành] Hiển thị đầu ra- Codegym.vn

[Thực hành] Hiển thị đầu ra- Codegym.vn

bởi CodeGym | 26/12/2023 17:17 | Bài thực hành | Blog

Xem video hướng dẫn hiển thị đầu ra tại: https://drive.google.com/file/d/1KHPtny5l32VlCSHnyOiKm3Sm-6UZJ_so/view

Mục tiêu

Luyện tập hiển thị các thông báo dưới nhiều cách khác nhau

Mô tả- Hiển thị đầu ra

Trong phần này, chúng ta sẽ luyện tập các cách khác nhau để quan sát kết quả khi thực thi mã JavaScript.

Hướng dẫn

Bài tập 1: Hiển thị kết quả sử dụng hàm alert():

<button type="button" onclick="showMessage();">Click Me!</button>
<script>
 function showMessage(){
     alert('Xin chào!');
 }
</script>

Bài tập 2: Hiển thị kết quả sử dụng thẻ HTML:

<div id="messageDiv"></div>
<button type="button" onclick="showMessage();">Click Me!</button>
<script>
 function showMessage(){
     document.getElementById('messageDiv').innerHTML = 'Xin chào!';
 }
</script>

Bài tập 3: Hiển thị kết quả sử dụng hàm document.write():

<button type="button" onclick="showMessage();">Click Me!</button>
<script>
 function showMessage(){
     document.write('Xin chào!');
 }
</script>

Bài tập 4: Hiển thị kết quả sử dụng hàm console.log():

<button type="button" onclick="showMessage();">Click Me!</button>
<script>
 function showMessage(){
     console.log('Xin chào!');
 }
</script>

Lưu ý: Bật màn hình console của trình duyệt để có thể xem được kết quả hiển thị.

Để hoàn thành bài thực hành, bạn cần:

  • Đưa mã nguồn lên GitHub
  • Dán link của repository lên phần nộp bài trên CodeGymX

Xem thêm: Học Coding Bootcamp tại Việt Nam ở đâu để đi định cư tại Mỹ

Tags:

0 Lời bình

Gửi Lời bình

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *

BÀI VIẾT LIÊN QUAN

BẠN MUỐN HỌC LẬP TRÌNH?

GỌI NGAY

098 953 44 58

Đăng ký tư vấn lộ trình học lập trình

Đăng ký tư vấn, định hướng lộ trình học và giải đáp các thắc mắc về ngành nghề – Miễn phí – Online.

3 + 6 =

TƯ VẤN VỀ LỘ TRÌNH HỌC NGHỀ LẬP TRÌNH TẠI CODEGYM
TƯ VẤN VỀ LỘ TRÌNH HỌC NGHỀ LẬP TRÌNH TẠI CODEGYM