!DOCTYPE html>

Text to Slug Converter

Enter Text:

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.