feat: on key press of enter shows the result

Author: Dun-sin

src/generators/gradient-border.ts

@@ -15,13 +15,23 @@ export function gradientBorderGenerator(): void {
 	const getRangeElement = utils.getRange(attribute);
 
 	getResultButtonElement.addEventListener('click', () => {
+		onClickButton();
+	});
+
+	document?.addEventListener('keydown', (e) => {
+		if (e.key === 'Enter') {
+			onClickButton();
+		}
+	});
+
+	function onClickButton() {
 		const values = {
 			firstColor: color1.value,
 			secondColor: color2.value,
 			degree: getRangeElement.value,
 		};
 		getGradientBorderResult(attribute, values, getOutputElement);
-	});
+	}
 }
 
 function getGradientBorderResult(

src/generators/gradient-text.ts

@@ -25,6 +25,16 @@ export function gradientTextGenerator(): void {
 	const getRangeElement = utils.getRange(attribute);
 
 	getTextButtonElement?.addEventListener('click', () => {
+		onClickButton();
+	});
+
+	document?.addEventListener('keydown', (e) => {
+		if (e.key === 'Enter') {
+			onClickButton();
+		}
+	});
+
+	function onClickButton() {
 		if (getInputElement.value.length === 0) {
 			utils.triggerEmptyAnimation(getInputElement);
 			return;
@@ -43,7 +53,7 @@ export function gradientTextGenerator(): void {
 			getOutputElement,
 		);
 		// getInputElement.value = '';
-	});
+	}
 }
 
 /**