document.addEventListener('DOMContentLoaded', () => {
const eye1 = document.querySelector('.y-1');
const eye2 = document.querySelector('.y-3');
const radian = 180 / Math.PI;
document.addEventListener('mousemove', (event) => {
const coordEye1 = eye1.getBoundingClientRect();
const centerEye1 = {
x: coordEye1.left + coordEye1.width / 2,
y: coordEye1.top + coordEye1.height / 2
};
const angleEye1 = Math.atan2(event.clientY - centerEye1.y, event.clientX - centerEye1.x);
const coordEye2 = eye2.getBoundingClientRect();
const centerEye2 = {
x: coordEye2.left + coordEye2.width / 2,
y: coordEye2.top + coordEye2.height / 2
};
const angleEye2 = Math.atan2(event.clientY - centerEye2.y, event.clientX - centerEye2.x);
eye1.style.setProperty('transform', `rotate(${radian * angleEye1}deg)`);
eye2.style.setProperty('transform', `rotate(${radian * angleEye2}deg)`);
});
});const relativeFollowCursor = (selector, callback) => {
const element = document.querySelector(selector);
const degreeInRadian = 180 / Math.PI;
document.addEventListener('mousemove', (event) => {
const rect = element.getBoundingClientRect();
const centerX = rect.left + rect.width / 2;
const centerY = rect.top + rect.height / 2;
const angle = Math.atan2(event.clientY - centerY, event.clientX - centerX);
callback(element, {
radian: angle,
degree: degreeInRadian * angle
});
});
};
document.addEventListener('DOMContentLoaded', () => {
relativeFollowCursor('.y-1', (eye, { degree }) => eye.style.setProperty('transform', `rotate(${degree}deg)`));
relativeFollowCursor('.y-3', (eye, { degree }) => eye.style.setProperty('transform', `rotate(${degree}deg)`));
});createCircleBar.draw.
const d = Math.hypot(n[1][0] - point[0], n[1][1] - point[1]);+ window.addEventListener('DOMContentLoaded', function () {
+ applyTheme();
+ });const proxify = (entry, hooks = {}) => new Proxy(entry, {
get: (target, property, receiver) => {
const value = Reflect.get(target, property, receiver);
const type = typeof value;
if (type === 'function' || type === 'object') {
if (property in hooks) {
return proxify(function (...args) {
try {
return type === 'function' ? value.apply(this, args) : value;
} catch (error) {
hooks[property](...args);
throw error;
}
}, hooks);
} else {
return proxify(value, hooks);
}
} else {
return value;
}
},
apply: (target, context, args) => {
const value = Reflect.apply(target, context, args);
const type = typeof value;
if (type === 'function' || type === 'object') {
return proxify(value, hooks);
} else {
return value;
}
}
});
const chai = proxify(require('chai'), {
equal: (...args) => {
console.log('+----------------------+');
console.log('| ERROR IN EQUAL |');
console.log('+----------------------+');
console.table(args);
}
});
chai.expect(3).to.equal(6);
/*
+----------------------+
| ERROR IN EQUAL |
+----------------------+
┌─────────┬────────┐
│ (index) │ Values │
├─────────┼────────┤
│ 0 │ 6 │
└─────────┴────────┘
C:\Users\Seasle\Desktop\chai-test\index.js:14
throw error;
^
AssertionError: expected 3 to equal 6
at new AssertionError (C:\Users\Seasle\Desktop\chai-test\node_modules\assertion-error\index.js:71:11)
at Proxy.Assertion.assert (C:\Users\Seasle\Desktop\chai-test\node_modules\chai\lib\chai\assertion.js:152:13)
at Object.apply (C:\Users\Seasle\Desktop\chai-test\index.js:25:31)
at Proxy.assertEqual (C:\Users\Seasle\Desktop\chai-test\node_modules\chai\lib\chai\core\assertions.js:1038:12)
at Proxy.methodWrapper (C:\Users\Seasle\Desktop\chai-test\node_modules\chai\lib\chai\utils\addMethod.js:57:25)
at Proxy.<anonymous> (C:\Users\Seasle\Desktop\chai-test\index.js:10:60)
at Object.apply (C:\Users\Seasle\Desktop\chai-test\index.js:25:31)
at Object.<anonymous> (C:\Users\Seasle\Desktop\chai-test\index.js:47:14)
at Module._compile (node:internal/modules/cjs/loader:1101:14)
at Object.Module._extensions..js (node:internal/modules/cjs/loader:1153:10) {
showDiff: true,
actual: 3,
expected: 6,
operator: 'strictEqual'
}
*/