# **Tự tạo website tỏ tình crush 14/2** > Nhân dịp mấy ngày nay đc nhà...

Tắt Quảng Cáo [X]

Đăng Nhập để ẩn Tất Cả Quảng Cáo

# **Tự tạo website tỏ tình crush 14/2**
> Nhân dịp mấy ngày nay đc nhà trường cho nghỉ học để phòng dịch corona mà lại cũng sắp đến ngày valentine, ngày mà có lẽ nếu năm ngoái dám tỏ tình với crush thì valentine năm nay 2 đứa đã kỉ niệm 1 năm yêu nhau rồi :<<

Vậy nên lần này mình quyết định ko chần chừ nữa là viết 1 con web nhẹ nhàng để gửi tặng crush, cũng để tỏ tình luôn

**Source code (Github)**:

**Demo**: [ ](
## OKE BẮT TAY VÀO LÀM NÀO

**Độ khó**: Trung bình

Chỉ cần biết cơ bản html css js là có thể sửa theo ý mình rồi

**HTML**

Nội dung trong trang html sẽ có 3 phần cơ bản thôi:
* Phần preloader dùng để load ra hiệu ứng loading process
* Phần bg để setup ảnh nền
* Phần content là để mình chèn title chính muốn nói với crush và 2 button để cho crush chọn (Phần này trong file javascript mình sẽ viết script để crush chỉ có thể chọn button Có thôi hehe)
> Note: Bạn nào ko muốn hiển thị text như mình thì hoàn toàn có thể chỉnh sửa trực tiếp trong file luôn nha

**Script**

Ở đây mình sẽ sử dụng thêm 1 thư viện js để hiện popup alert đẹp hơn đó là SweetAlert và Jquery để viết code cho nhanh.

Có 1 số hàm cơ bản mình dùng như sau:

**firstQuestion()**

Hàm này để show popup khi mới vào trang web

**switchButton()**

Cái này để đổi chỗ 2 button “Có” và “Không” khi di chuột vào button “Không”

**moveButton()**

Cái này để di chuyển button “Không” ra vị trí khác khi di chuột vào nó

Ở đây mình set lần đầu di chuột vào button Ko sẽ đổi chỗ thành Yes, còn từ các lần sau thì button NO sẽ chạy ra các vị trí linh tinh trên site mục đích là ko cho crush click vào nó

**textGenerate()**

Hàm này để khi crush gõ vào ô input lí do yêu mình thì nó sẽ hiện ra đoạn text mình chỉ định từ trước rồi, nên có gõ gì đi nữa thì input vẫn sẽ hiện text như mình muốn

Còn 1 số hàm của Sweetalert mình dùng để định dạng lại content cho popup mình sẽ ko nhắc tới, ae có thể tham khảo trên trang chủ của s-a và thay text vào đoạn text cũ của mình nếu muốn

Ngoài ra mình cũng chèn 1 số âm thanh linh tinh khi click button hay hover vào và có 1 đoạn nhạc nền, ae muốn thay nhạc lãng mạn hơn thì có thể thay nhé.
## DEPLOY CODE

Sau khi hoàn thành code chạy ngon lành rồi thì mình dùng luôn Github.io để deploy web lên luôn đỡ phải đăng kí hosting và tên miền.

Để deploy code lên bạn chỉ cần tạo 1 repository có tên dạng **[yourUsername].github.io**

Ví dụ username của mình là dungdz thì mình sẽ tạo repository có tên là dungdz.github.io

Sau đó bạn push code lên repo này như bình thường. Vậy là xong

Truy cập vào địa chỉ** //[yourusername].github.io**

Vậy là bạn đã có 1 trang web nhẹ nhàng gửi tặng crush rồi

Còn bị ăn block hay không thì mình ko biết nha

Thanks for reading

Ps: Hic ko hiểu sao mình đăng 2 lần đều bị vi phạm nguyên tắc cộng đồng nhỉ. Vì lần đầu tiên share nên hơi gà mờ :<<

 

Thiếu reponsive bác ơi xấu quá
Đâu phải lúc nào crush cũng dùng trình duyệt desktop đâu

 

Vũ Bá Hướng hôm qua tao đúng là đang định làm cái này

 

ép dầu ép mỡ ai nỡ ép duyên
kích trúng mà vẫn ko cho. gian lận vl

 

tự luyến vcl

 

Đức Nhân làm cái này cho vui chứ web gủng gì ))

 

hay

 

Source code có sẵn crush ko vậy bạn ,chứ giờ bắt mình tìm ở đâu

 

Hịn quá <3

 

Dễ thưn ghê nhưng cần reponsive bác nha h các crush ít sài lap lắm

 

vi phạm nguyên tắc cộng đồng chắc do share link trực tiếp

 

sao của mình tải về nó bị lỗi mấy cái hình ảnh sau ấy nhỉ?

 

xịn đó bác nhưng em đến crush còn không có thì làm cũng vô ích

 

Tất Trung idol test thử cái đi

 

document.getElementById("no").click() chưa viết phần click vào no ra gì à bác

 

có 1 điểm hơi khó chịu tý là khi mà rê chuột vô nhanh nhanh tý thì kiểu nó bị lặp âm thanh nghe rape ear cực

 

quả cuối nhập lý do vẩn còn hài

 

cũng ra gì phết đấy

 

trc cũng có mấy bác làm rồi mà =))

 

tuổi trẻ tài cao