{"id":356,"date":"2025-09-20T06:37:31","date_gmt":"2025-09-20T06:37:31","guid":{"rendered":"https:\/\/humanivio.com\/?page_id=356"},"modified":"2025-10-24T07:41:11","modified_gmt":"2025-10-24T07:41:11","slug":"case-converter-tool","status":"publish","type":"page","link":"https:\/\/humanivio.com\/case-converter-tool\/","title":{"rendered":"Case Converter Tool | Convert Text to Uppercase, Lowercase, Title Case"},"content":{"rendered":"\n<h1 class=\"wp-block-heading\"><strong>Free Online Case Converter<\/strong><\/h1>\n\n\n\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n  <meta charset=\"UTF-8\">\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n  <title>Case Converter Tool | Convert Text to Uppercase, Lowercase, Title Case<\/title>\n  <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n<\/head>\n<body class=\"bg-gray-50 text-gray-800\">\n  <div class=\"max-w-3xl mx-auto p-6\">\n    <!-- Header -->\n    <h1 class=\"text-3xl font-bold text-center mb-6\">Case Converter Tool<\/h1>\n    <p class=\"text-center text-gray-600 mb-6\">\n      Easily convert your text to <strong>UPPERCASE<\/strong>, <strong>lowercase<\/strong>, <strong>Title Case<\/strong>, or <strong>Sentence case<\/strong> with one click.\n    <\/p>\n\n    <!-- Textarea -->\n    <textarea id=\"inputText\" rows=\"8\" \n      class=\"w-full p-4 border rounded-xl shadow-sm focus:ring-2 focus:ring-blue-500 focus:outline-none mb-4\"\n      placeholder=\"Enter or paste your text here...\"><\/textarea>\n\n    <!-- Buttons -->\n    <div class=\"grid grid-cols-2 sm:grid-cols-4 gap-3 mb-4\">\n      <button onclick=\"toUpper()\" class=\"bg-blue-500 text-white py-2 px-4 rounded-xl hover:bg-blue-600 transition\">UPPERCASE<\/button>\n      <button onclick=\"toLower()\" class=\"bg-green-500 text-white py-2 px-4 rounded-xl hover:bg-green-600 transition\">lowercase<\/button>\n      <button onclick=\"toTitle()\" class=\"bg-purple-500 text-white py-2 px-4 rounded-xl hover:bg-purple-600 transition\">Title Case<\/button>\n      <button onclick=\"toSentence()\" class=\"bg-pink-500 text-white py-2 px-4 rounded-xl hover:bg-pink-600 transition\">Sentence case<\/button>\n    <\/div>\n\n    <!-- Output -->\n    <textarea id=\"outputText\" rows=\"8\" readonly\n      class=\"w-full p-4 border rounded-xl shadow-sm bg-gray-100 mb-4\"\n      placeholder=\"Your converted text will appear here...\"><\/textarea>\n\n    <!-- Copy Button -->\n    <button onclick=\"copyOutput()\" \n      class=\"w-full bg-gray-800 text-white py-3 rounded-xl hover:bg-black transition\">\n      Copy Converted Text\n    <\/button>\n  <\/div>\n\n  <!-- JavaScript -->\n  <script>\n    function toUpper() {\n      document.getElementById('outputText').value = document.getElementById('inputText').value.toUpperCase();\n    }\n    function toLower() {\n      document.getElementById('outputText').value = document.getElementById('inputText').value.toLowerCase();\n    }\n    function toTitle() {\n      let text = document.getElementById('inputText').value.toLowerCase().split(\" \");\n      for (let i = 0; i < text.length; i++) {\n        text[i] = text[i].charAt(0).toUpperCase() + text[i].slice(1);\n      }\n      document.getElementById('outputText').value = text.join(\" \");\n    }\n    function toSentence() {\n      let text = document.getElementById('inputText').value.toLowerCase();\n      document.getElementById('outputText').value = text.charAt(0).toUpperCase() + text.slice(1);\n    }\n    function copyOutput() {\n      const output = document.getElementById('outputText');\n      output.select();\n      document.execCommand('copy');\n      alert(\"Converted text copied!\");\n    }\n  <\/script>\n<\/body>\n<\/html>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Free Online Case Converter Case Converter Tool | Convert Text to Uppercase, Lowercase, Title Case Case Converter Tool Easily convert your text to UPPERCASE, lowercase, Title Case, or Sentence case with one click. UPPERCASE lowercase Title Case Sentence case Copy Converted Text<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uf_show_specific_survey":0,"_uf_disable_surveys":false,"footnotes":""},"class_list":["post-356","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/humanivio.com\/wp-api\/wp\/v2\/pages\/356","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/humanivio.com\/wp-api\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/humanivio.com\/wp-api\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/humanivio.com\/wp-api\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/humanivio.com\/wp-api\/wp\/v2\/comments?post=356"}],"version-history":[{"count":4,"href":"https:\/\/humanivio.com\/wp-api\/wp\/v2\/pages\/356\/revisions"}],"predecessor-version":[{"id":578,"href":"https:\/\/humanivio.com\/wp-api\/wp\/v2\/pages\/356\/revisions\/578"}],"wp:attachment":[{"href":"https:\/\/humanivio.com\/wp-api\/wp\/v2\/media?parent=356"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}