Trang chủ » Blog » [Thực hành] Nhúng JavaScript- CodeGym.vn

[Thực hành] Nhúng JavaScript- CodeGym.vn

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

Nhúng JavaScript – xem video tại: https://drive.google.com/file/d/1dbd4rR2J1gbfIJSTPUJQbk32NCARoi4N/view

Mục tiêu

Luyện tập các cách nhúng mã Javascript vào trong trang HTML.

Mô tả- Nhúng mã JavaScript

Trong phần này, chúng ta sẽ luyện tập cách để nhúng mã JavaScript vào trong trang HTML.

Để hoàn thành bài tập, bạn cần:

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

Hướng dẫn

Bài tập 1: Tạo một trang web với một nút. Chèn mã Javascript vào trong thẻ <button> để hiển thị một lời chào khi người dùng nhấn chuột vào nút đó.

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

Bài tập 2: Tạo một trang web với một nút. Sử dụng thẻ <script> và khai báo một hàm đơn giản. Gọi hàm này khi người dùng nhấn chuột vào nút.

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

Bài tập 3: Hãy tách đoạn mã Javascript ở Bài tập 2 ra một file Javascript riêng và nhúng vào trang HTML.

Trên đây CodeGym đã hướng dẫn bạn cách nhúng mã JS vào trong trang HTML. Hãy chụp ảnh màn hình và nộp bài thực hành của bạn trên CodeGymX để cùng nhau luyện tập nhé!

Xem thêm: PHP trên 2 trang giấy- tài liệu miễn phí từ CodeGym

Download - Giáo trình thuật toán

5 + 11 =

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 + 10 =

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