-
Notifications
You must be signed in to change notification settings - Fork 0
/
events.js
41 lines (38 loc) · 960 Bytes
/
events.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
import {
clickOnStart,
clickToDeal,
dealOneCard,
render,
} from "./functionality.js";
import { card } from "./init.js";
export const displayDeck = () => {
clickOnStart();
};
export const dealCards = () => {
clickToDeal();
};
export const handleDealClick = () => {
dealOneCard();
};
export const renderEvent = () => {
render();
};
export const mouseDown = (e) => {
let prevX = e.clientX;
let prevY = e.clientY;
const mouseMove = (e) => {
let newX = prevX - e.clientX;
let newY = prevY - e.clientY;
const rect = card.getBoundingClientRect();
card.style.left = rect.left - newX + "px";
card.style.top = rect.top - newY + "px";
prevX = e.clientX;
prevY = e.clientY;
};
window.addEventListener("mousemove", mouseMove);
const mouseUp = () => {
window.removeEventListener("mousemove", mouseMove);
window.removeEventListener("mouseup", mouseUp);
};
window.addEventListener("mouseup", mouseUp);
};