Plotter erweitert

components/Plotter/Plotter.tsx

@@ -36,17 +36,23 @@ function Plotter({ xRange }: PlotterProps) {
   }, []);
 
   const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {
-    setInputFunc(e.target.value);
+    const newInput = e.target.value;
+    setInputFunc(newInput);
+  
+    const variableRegex = /[a-zA-Z]/g;
+    const variables = Array.from(new Set(newInput.match(variableRegex)));
+  
     try {
-      const newFunc = new Function("x", `return ${e.target.value}`) as (
-        x: number
-      ) => number;
-      newFunc(1);
+      const newFunc = new Function(...variables, `return ${newInput}`) as (...args: number[]) => number;
+  
+      const testValues = variables.map(() => 1);
+      newFunc(...testValues);
+  
       setParsedFunc(() => newFunc);
       setError(null);
-    } catch (error) {
+    } catch {
       setParsedFunc(null);
-      setError("Invalid function");
+      setError("Ungültige Funktion");
     }
   };