CHANGE TEXT CASE

Enter Text:

body { font-family: Arial, sans-serif; display: flex; align-items: center; justify-content: center; height: 100vh; margin: 0; } .container { text-align: center; } input { margin: 10px; padding: 5px; } button { padding: 8px; cursor: pointer; }function changeCase() { var inputText = document.getElementById('textInput').value; var outputElement = document.getElementById('outputText'); // Check if the input text is not empty if (inputText.trim() !== '') { // Toggle between uppercase and lowercase outputElement.textContent = (outputElement.textContent === inputText.toUpperCase()) ? inputText.toLowerCase() : inputText.toUpperCase(); } else { alert('Please enter text before changing case.'); } } Save each code snippet in separate files named index.html, styles.css, and script.js. Make sure they are in the same directory. You can then open the index.html file in a web browser to see and interact with the text case changing functionality. About this: Changing text case involves altering the capitalization of letters in a given piece of text. There are several common text case formats, and each serves a different purpose. Here are some of the most common text case formats: Uppercase / Capital Case: Example: "HELLO WORLD" Function: Converts all letters to uppercase. Lowercase: Example: "hello world" Function: Converts all letters to lowercase. Title Case: Example: "Hello World" Function: Capitalizes the first letter of each word. Sentence Case: Example: "Hello world" Function: Capitalizes the first letter of the first word in a sentence. Toggle Case: Example: "HeLLo wOrLD" Function: Toggles the capitalization of each letter, switching between uppercase and lowercase. To change the text case, you can use various methods depending on the platform or application you are using. Here are some general methods: Using Text Editors (e.g., Notepad, TextEdit): Many text editors have built-in functions or shortcuts to change text case. Look for options like "Change Case" or use keyboard shortcuts. Using Microsoft Word: Highlight the text, right-click, and choose "Change Case" from the context menu. Using Programming Languages: If you're working with programming languages, there are usually functions or methods to manipulate text case (e.g., toUpperCase(), toLowerCase() in JavaScript). Online Tools: Numerous online tools allow you to quickly change text case. You can copy and paste your text into these tools, and they will provide the text in the desired case. Shortcut Keys: Some applications, like Microsoft Word or Google Docs, may have shortcut keys to change case. For example, in Microsoft Word, you can use Shift + F3 to cycle through uppercase, lowercase, and title case. Remember to choose the text case that suits your needs, depending on the context and the specific requirements of your task.