Posts

Showing posts from March, 2024

Text to Slug Converter

!DOCTYPE html> Text to Slug Converter Text to Slug Converter Enter Text: Convert Slug: In this code: The HTML structure includes a text input field for entering text, a button to trigger the conversion, and an output field to display the generated slug. The CSS styles the elements for a clean and responsive layout, including input fields, labels, buttons, and the overall container. The JavaScript function convertToSlug() handles the conversion logic by taking the input text, cleaning it up, and generating the slug, which is then displayed in the output field. You can copy this code into an HTML file and open it in a web browser to see the Text to Slug Converter tool in action.

Age Calculator (check ur age in perfect way)

Age Calculator Age Calculator Enter Your Birthdate: Calculate Age Share on LinkedIn Share on Pinterest Share on Twitter Share on Instagram function shareOnLinkedIn() { const ageText = outputContainer.textContent; window.open('https://www.linkedin.com/sharing/share-offsite/?url=' + encodeURIComponent(ageText)); } function shareOnPinterest() { const ageText = outputContainer.textContent; window.open('https://www.pinterest.com/pin/create/button/?url=' + encodeURIComponent(ageText)); } function shareOnTwitter() { const ageText = outputContainer.textContent; window.open('https://twitter.com/intent/tweet?text=' + encodeURIComponent(ageText)); } function shareOnInstagram() { const ageText = outputContainer.textContent; window.open('https://www.instagram.c...

Word & Character Counter

!DOCTYPE html> Word & Character Counter Word & Character Counter Enter your text: Count // Reset error message errorElement.textContent = ''; // Count words and characters const wordCount = textInput.split(/\s+/).filter(word => word !== '').length; const charCount = textInput.length; // Display results resultsElement.innerHTML = ` Word Count: ${wordCount} Character Count: ${charCount} `; } This code creates a simple Word & Character Counter tool with a text area for input, a count button, and a display area for the results. It also includes error handling for empty input and uses Bootstrap for styling and responsiveness.

online Speed Test Checker

SpeedTest Checker Tool SpeedTest Checker Tool Run Speed Test Please note that you need to replace the runSpeedTest function with actual speed test logic using an appropriate library or API. A popular choice for speed testing is the Speedtest.net API, but you'll need to sign up for an account and get an API key. Also, for a fully responsive and SEO-friendly design, make sure your HTML structure is semantic, and consider adding meta tags for SEO. Responsive design is already taken care of in the provided example.