KEYWORD DENSITY CHECKER
Product Description
import React, { useState } from "react";
import { Card, CardContent } from "@/components/ui/card";
import { Button } from "@/components/ui/button";
import { Input } from "@/components/ui/input";
import { Textarea } from "@/components/ui/textarea";
export default function SeoTools() {
const [textInput, setTextInput] = useState("");
const [keyword, setKeyword] = useState("");
const [results, setResults] = useState("");
const handleKeywordDensity = () => {
if (!textInput || !keyword) {
setResults("Please provide text and a keyword.");
return;
}
const words = textInput.split(/\s+/);
const keywordCount = words.filter((word) => word.toLowerCase() === keyword.toLowerCase()).length;
const density = ((keywordCount / words.length) * 100).toFixed(2);
setResults(`Keyword Density: ${density}% (Keyword appears ${keywordCount} times)`);
};
return (
