fork download
copy 
  1. /? PHP
  2. const container = document.querySelector(".container"), heart = document.querySelector(".heart"); [11](https://t...content-available-to-author-only...x.ru/translate?lang=en-ru&url=https%3A%2F%2Fwww.tutorialspoint.com%2Fdouble-click-heart-animation-in-html-css-and-javascript)
  3.  
  4. container.addEventListener("dblclick", (e) => {
  5.     // Вычислим положение x и y события двойного щелчка
  6.     let xValue = e.clientX - e.target.offsetLeft, yValue = e.clientY - e.target.offsetTop;
  7.     // Устанавливаем положение элемента heart, используя значения x и y
  8.     heart.style.left = `${xValue}px`;
  9.     heart.style.top = `${yValue}px`;
  10.     // Добавляем активный класс к элементу heart, чтобы оживить его
  11.     heart.classList.add("активный");
  12.     // Удалим активный класс через 1 секунду
  13.     setTimeout(() => {
  14.         heart.classList.remove("активный");
  15.     }, 1000);
  16. });
Success #stdin #stdout 0.03s 25332KB
comments (?)
stdin
copy 
Standard input is empty
stdout
copy 
/? PHP
const container = document.querySelector(".container"), heart = document.querySelector(".heart"); [11](https://t...content-available-to-author-only...x.ru/translate?lang=en-ru&url=https%3A%2F%2Fwww.tutorialspoint.com%2Fdouble-click-heart-animation-in-html-css-and-javascript)

container.addEventListener("dblclick", (e) => {
    // Вычислим положение x и y события двойного щелчка
    let xValue = e.clientX - e.target.offsetLeft, yValue = e.clientY - e.target.offsetTop;
    // Устанавливаем положение элемента heart, используя значения x и y
    heart.style.left = `${xValue}px`;
    heart.style.top = `${yValue}px`;
    // Добавляем активный класс к элементу heart, чтобы оживить его
    heart.classList.add("активный");
    // Удалим активный класс через 1 секунду
    setTimeout(() => {
        heart.classList.remove("активный");
    }, 1000);
});
https://ideone.com/P50GK0
language:
PHP (php 7.3.5)
created:
3 hours ago
visibility:
public

Share or Embed source code

Discover > Sphere Engine API

The brand new service which powers Ideone!

Discover > IDE Widget

Widget for compiling and running the source code in a web browser!