Viết Code Để Troll Gái AHIHI

Mục Đích Bài Viết

Bài viết này chỉ mang tính chất giải trí cho tất cả các anh em dev.Mình muốn tạo một chút thư giản cũng như tiếng cười đối cho mọi người.

Bắt Đầu Troll Thôi Nào

Mình thì có một ý tưởng rất vui đó là troll gái bằng cách khi mình hỏi: Bạn có yêu mình không. Mình sẽ có hai kết quả một bên là Yêu và một bên là Không Yêu. Khi mà chọn Yêu thì mình sẽ hiện một bạn thông báo còn nếu chọn Không Yêu thì mình sẽ di chuyển liên tục button đó. Để nó không chọn được cái button mang nội dung là Không Yêu.

Code Thôi Nào

Mình đã có ý tưởng bây giờ code thôi nào
Mình sử dụng codepen.io để code nha

  • Trong phần HTML bạn code cho mình đoạn mã như thế này:
    Untitled-18

  • Trong phần CSS mình có code ở trong codepen link codepen mình để ở dưới do là CSS mình viết khá nhiều nên khi mình copy vào đây sẽ không đẹp cho lắm. Các bạn thông cảm nha.

  • Trong phần Javascript bạn code cho mình đoạn mã như thế này:

// Mấy cái này cũng đơn giản thôi mình sẽ bắt sự kiện khi người ta click vào button Yêu thì sẽ hiện một thông báo.

// Còn nếu mà người ta di chuyển con chuột đến button Không Yêu thì mình sẽ Add một Class cho button di chuyển với một tốc độ nhanh nhất.

var love = document.getElementById(“love”);
var nolove =document.getElementById(“no-love”);

love.addEventListener(“click”, myFunction);
function myFunction(){
alert(‘Mình Biết Mà ahihi’)
}

nolove.addEventListener(“mouseover”,lovefunction);
function lovefunction(){
nolove.classList.toggle(‘move’)
}

Lưu ý: Các bạn sử dụng máy tính để trải nghiệm màn troll một cách hoàn hảo nhất nghe.

Và đây là kết quả cũng như code mà mình code trên codepen các bạn tham khảo:

Thế này thì ép con nhà người ta quá :))

Lời Kết

Trên đây là một bài viết rất thú vị vừa giúp chúng ta ôn lại kiến thức vừa giúp chúng ta giải trí. Vừa troll được crush quá chi là buê :))

Nếu mọi người cảm thấy bài viết này hay thì có thể ủng hộ mình để mình có động lực để ra những bài topic hay và chất lượng hơn ủng hộ mình tại đây nha.

Chúc Các Bạn Thành Công!!