feat: Move and add functions

- Add global function randomFloatFrom()
- Move getRandomColor() to app

source/code/drag.js

@@ -113,15 +113,3 @@ class NewDiv {
     space.appendChild(this.element);
   }
 }
-
-// Function to generate a random color
-function getRandomColor() {
-  const letters = '0123456789ABCDEF';
-  let color = '#';
-
-  for (let i = 0; i < 6; i++) {
-    color += letters[Math.floor(Math.random() * 16)];
-  }
-
-  return color;
-}

source/code/hippie/app.js

@@ -423,6 +423,12 @@ function randomIntFrom(min, max, pos = 0) {
 	return Math.floor((Math.random() * (max - min + 1) + min) / pos) * pos;
 }
 
+function randomFloatFrom(min, max, dec = 0) {
+	dec = Math.pow(10, dec);
+
+	return Math.round((Math.random() * (max - min + 1) + min) * dec) / dec;
+}
+
 /**
  * Ersetzt \n durch <br>.
  *
@@ -437,6 +443,22 @@ function replaceLineBreaks(text) {
 	return text.split('\n').join('<br>');
 }
 
+/**
+ * Gibt eine zufällige Farbe als HEX-Wert aus.
+ *
+ * @returns {string}
+ */
+function getRandomColor() {
+	const letters = '0123456789ABCDEF';
+	let color = '#';
+
+	for (let i = 0; i < 6; i++) {
+		color += letters[Math.floor(Math.random() * 16)];
+	}
+
+	return color;
+}
+
 // CONCEPTS
 
 // NOTE: Benutzt private Zuweisungen

source/screens/demo/examples/ui/drag.liquid

@@ -22,6 +22,7 @@ tags:
 {% endblock %}
 
 {%- block script %}
+<script src="{{ pageBase }}js/app.js"></script>
 <script src="{{ pageBase }}js/drag.js"></script>
 <script>
 	// Get the space element