- Physi-c
-
-
+
Physi-c
Tech
-
-
+
-
-
-
-
+ 100% COMPLETE!
-🏆
- - -
+
+
+
100% COMPLETE!
+🏆
+ + +
-
-
-
-
-
-
-
-
- ![]()
+
+
-
-
+
+
+
+
+
+
+ ![]()
+
+
-
-
-
-
-
-
- 0/0 discovered
-
-
-
-
-
-
-
-
-
- 0/13
+
+
-
+
+
+
+
+ 0/0 discovered
+
+
+
+
+
+
+
+
+
0/13
+
-
-
-
-
-
-
+
-
+
-
-
+
-
+
+
+
+
+
+
+ ![]()
+
+
- ![]()
-
-
-
- 🚮
-
-
-
@@ -204,5 +145,5 @@
-
+
diff --git a/js/index.js b/js/index.js
index 3c0cdc5..a16ea1f 100644
--- a/js/index.js
+++ b/js/index.js
@@ -20,4 +20,39 @@ if (document.monetization) {
document.monetization.addEventListener('monetizationstart', () => {
hintTime = 10000;
})
-}
\ No newline at end of file
+}
+
+document.addEventListener('DOMContentLoaded', (event) => {
+ const draggables = document.querySelectorAll('.draggable');
+ const dropContainer = document.getElementById('forge');
+
+ draggables.forEach(draggable => {
+ draggable.addEventListener('dragstart', dragStart);
+ draggable.addEventListener('dragend', dragEnd);
+ });
+
+ dropContainer.addEventListener('dragover', dragOver);
+ dropContainer.addEventListener('drop', drop);
+
+ function dragStart(e) {
+ e.dataTransfer.setData('text/plain', e.target.id);
+ setTimeout(() => {
+ e.target.classList.add('hide');
+ }, 0);
+ }
+
+ function dragEnd(e) {
+ e.target.classList.remove('hide');
+ }
+
+ function dragOver(e) {
+ e.preventDefault();
+ }
+
+ function drop(e) {
+ e.preventDefault();
+ const id = e.dataTransfer.getData('text');
+ const draggable = document.getElementById(id);
+ e.target.appendChild(draggable);
+ }
+});
-