{"id":1609,"date":"2026-02-04T01:12:30","date_gmt":"2026-02-04T01:12:30","guid":{"rendered":"https:\/\/samirmoustakim.com\/?page_id=1609"},"modified":"2026-02-04T01:35:17","modified_gmt":"2026-02-04T01:35:17","slug":"text-case-converter","status":"publish","type":"page","link":"https:\/\/samirmoustakim.com\/ar\/text-case-converter\/","title":{"rendered":"Text Case Converter"},"content":{"rendered":"
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nText Case Converter Tool<\/title>\r\n<style>\r\n\/* ===========================\r\n GENERAL STYLES\r\n=========================== *\/\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600&display=swap');\r\n\r\n.samir-tool {\r\n font-family: 'Inter', Calibri, sans-serif;\r\n max-width: 800px;\r\n margin: 0 auto;\r\n padding: 24px;\r\n background-color: #F8F9FA;\r\n color: #212529;\r\n}\r\n\r\n.samir-tool h1 {\r\n font-size: 28px;\r\n font-weight: 600;\r\n color: #0D6EFD;\r\n margin-bottom: 8px;\r\n}\r\n\r\n.samir-tool p.description {\r\n font-size: 16px;\r\n color: #6C757D;\r\n margin-bottom: 24px;\r\n}\r\n\r\n\/* ===========================\r\n TOOL BOX\r\n=========================== *\/\r\n.tool-box {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 12px;\r\n margin-bottom: 16px;\r\n}\r\n\r\n.tool-box textarea, \r\n.tool-box select {\r\n width: 100%;\r\n height: 48px;\r\n line-height: 48px;\r\n padding: 0 14px;\r\n font-size: 15px;\r\n border: 1px solid #CED4DA;\r\n border-radius: 6px;\r\n box-sizing: border-box;\r\n resize: none;\r\n}\r\n\r\n.tool-box textarea {\r\n height: 120px;\r\n line-height: 1.5;\r\n padding-top: 12px;\r\n}\r\n\r\n\/* ===========================\r\n GENERATE BUTTON\r\n=========================== *\/\r\n#convert-btn {\r\n background-color: #0D6EFD;\r\n color: #fff;\r\n border: none;\r\n border-radius: 6px;\r\n padding: 12px;\r\n font-size: 16px;\r\n cursor: pointer;\r\n transition: background 0.3s;\r\n}\r\n\r\n#convert-btn:hover {\r\n background-color: #0b5ed7;\r\n}\r\n\r\n\/* ===========================\r\n OUTPUT BOX\r\n=========================== *\/\r\n.output-box {\r\n margin-top: 16px;\r\n background-color: #fff;\r\n border: 1px solid #CED4DA;\r\n border-radius: 6px;\r\n padding: 12px;\r\n position: relative;\r\n word-break: break-word;\r\n}\r\n\r\n.output-box pre {\r\n margin: 0;\r\n font-size: 15px;\r\n white-space: pre-wrap;\r\n word-wrap: break-word;\r\n}\r\n\r\n.copy-btn {\r\n position: absolute;\r\n top: 12px;\r\n right: 12px;\r\n background-color: #20C997;\r\n color: #fff;\r\n border: none;\r\n border-radius: 4px;\r\n padding: 6px 10px;\r\n font-size: 13px;\r\n cursor: pointer;\r\n transition: background 0.3s;\r\n}\r\n\r\n.copy-btn:hover {\r\n background-color: #1aa179;\r\n}\r\n\r\n.copy-msg {\r\n margin-top: 8px;\r\n color: #20C997;\r\n font-size: 14px;\r\n display: none;\r\n}\r\n\r\n\/* ===========================\r\n PROMOTIONAL BANNER\r\n=========================== *\/\r\n.promo-banner {\r\n margin: 24px 0;\r\n padding: 16px;\r\n background-color: #fff;\r\n border-left: 4px solid #0D6EFD;\r\n border-radius: 6px;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n}\r\n\r\n.promo-banner p {\r\n margin: 0;\r\n color: #212529;\r\n}\r\n\r\n.promo-banner a {\r\n background-color: #0D6EFD;\r\n color: #fff;\r\n padding: 8px 14px;\r\n border-radius: 4px;\r\n text-decoration: none;\r\n font-size: 14px;\r\n}\r\n\r\n.promo-banner a:hover {\r\n background-color: #0b5ed7;\r\n}\r\n\r\n\/* ===========================\r\n SEO SECTION\r\n=========================== *\/\r\n.seo-section {\r\n margin-top: 32px;\r\n background-color: #fff;\r\n border-radius: 6px;\r\n padding: 16px;\r\n}\r\n\r\n.seo-section h2 {\r\n font-size: 20px;\r\n color: #0D6EFD;\r\n margin-bottom: 12px;\r\n}\r\n\r\n.seo-section h3 {\r\n font-size: 16px;\r\n color: #212529;\r\n margin: 12px 0 4px;\r\n}\r\n\r\n.seo-section p {\r\n font-size: 14px;\r\n color: #6C757D;\r\n margin: 4px 0 8px;\r\n}\r\n\r\n\/* ===========================\r\n RELATED TOOLS\r\n=========================== *\/\r\n.related-tools {\r\n margin-top: 24px;\r\n}\r\n\r\n.related-tools a {\r\n display: inline-block;\r\n margin-right: 12px;\r\n color: #0D6EFD;\r\n text-decoration: none;\r\n font-size: 14px;\r\n}\r\n\r\n.related-tools a:hover {\r\n text-decoration: underline;\r\n}\r\n\r\n\/* ===========================\r\n RESPONSIVE\r\n=========================== *\/\r\n@media (max-width: 600px) {\r\n .promo-banner {\r\n flex-direction: column;\r\n gap: 12px;\r\n }\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"samir-tool\">\r\n <!-- TOOL TITLE -->\r\n <h1>Text Case Converter<\/h1>\r\n <p class=\"description\">Instantly convert your text to uppercase, lowercase, or title case. Fast and easy!<\/p>\r\n\r\n <!-- TOOL BOX -->\r\n <div class=\"tool-box\">\r\n <textarea id=\"input-text\" placeholder=\"Enter your text here...\"><\/textarea>\r\n <select id=\"case-type\">\r\n <option value=\"uppercase\">UPPERCASE<\/option>\r\n <option value=\"lowercase\">lowercase<\/option>\r\n <option value=\"titlecase\">Title Case<\/option>\r\n <\/select>\r\n <button id=\"convert-btn\">Convert Text<\/button>\r\n <\/div>\r\n\r\n <!-- OUTPUT BOX -->\r\n <div class=\"output-box\">\r\n <pre id=\"output-text\"><\/pre>\r\n <button class=\"copy-btn\" id=\"copy-btn\">Copy<\/button>\r\n <\/div>\r\n <div class=\"copy-msg\" id=\"copy-msg\">Copied \u2713<\/div>\r\n\r\n <!-- PROMOTIONAL BANNER -->\r\n <div class=\"promo-banner\">\r\n <p>Check out our full collection of productivity tools to boost your workflow.<\/p>\r\n <a href=\"https:\/\/samirmoustakim.com\/ar\/shop\/\" target=\"_blank\">Visit Store<\/a>\r\n <\/div>\r\n\r\n <!-- SEO SECTION -->\r\n <div class=\"seo-section\">\r\n <h2>How to Use<\/h2>\r\n <p>Step-by-step guide to converting your text:<\/p>\r\n <ol>\r\n <li>Paste or type your text into the input box above.<\/li>\r\n <li>Select the desired case format from the dropdown.<\/li>\r\n <li>Click \"Convert Text\" and see the result instantly.<\/li>\r\n <li>Click \"Copy\" to copy the output to your clipboard.<\/li>\r\n <\/ol>\r\n\r\n <h3><h2 style=\"font-size: 28px\">\u0627\u0644\u0623\u0633\u0626\u0644\u0629 \u0627\u0644\u0634\u0627\u0626\u0639\u0629<\/h2><\/h3>\r\n <h4>Can I convert long text?<\/h4>\r\n <p>Yes! The tool handles any amount of text efficiently.<\/p>\r\n <h4>Does it support multiple languages?<\/h4>\r\n <p>Yes, it works with all Latin-based characters and most scripts.<\/p>\r\n <h4>Is it free to use?<\/h4>\r\n <p>Absolutely! This tool is completely free and online.<\/p>\r\n <\/div>\r\n\r\n <!-- RELATED TOOLS -->\r\n <div class=\"related-tools\">\r\n <h3>Related Tools:<\/h3>\r\n <a href=\"#\">Text Reverser<\/a>\r\n <a href=\"#\">Word Counter<\/a>\r\n <a href=\"#\">Sentence Capitalizer<\/a>\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\n\/\/ ===========================\r\n\/\/ TEXT CASE CONVERTER LOGIC\r\n\/\/ ===========================\r\nconst inputText = document.getElementById('input-text');\r\nconst caseType = document.getElementById('case-type');\r\nconst convertBtn = document.getElementById('convert-btn');\r\nconst outputText = document.getElementById('output-text');\r\nconst copyBtn = document.getElementById('copy-btn');\r\nconst copyMsg = document.getElementById('copy-msg');\r\n\r\n\/\/ Convert text based on selection\r\nconvertBtn.addEventListener('click', () => {\r\n const text = inputText.value;\r\n let result = '';\r\n\r\n if (!text) {\r\n outputText.textContent = '';\r\n return;\r\n }\r\n\r\n switch (caseType.value) {\r\n case 'uppercase':\r\n result = text.toUpperCase();\r\n break;\r\n case 'lowercase':\r\n result = text.toLowerCase();\r\n break;\r\n case 'titlecase':\r\n result = text.toLowerCase().replace(\/\\b\\w\/g, char => char.toUpperCase());\r\n break;\r\n }\r\n\r\n outputText.textContent = result;\r\n});\r\n\r\n\/\/ Copy to clipboard\r\ncopyBtn.addEventListener('click', () => {\r\n if (!outputText.textContent) return;\r\n navigator.clipboard.writeText(outputText.textContent)\r\n .then(() => {\r\n copyMsg.style.display = 'block';\r\n setTimeout(() => copyMsg.style.display = 'none', 1500);\r\n });\r\n});\r\n\r\n\/* ===========================\r\n NOTES FOR FUTURE UPDATES\r\n============================\r\n- To add more case types: \r\n 1. Add option in <select>\r\n 2. Add a case in the JS switch statement\r\n- To change colors, fonts, spacing: edit the <style> section\r\n- To reuse structure for another tool: replace <textarea> and JS logic\r\n=========================== *\/\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Text Case Converter Tool Text Case Converter Instantly convert your text to uppercase, lowercase, or title case. Fast and easy! […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-1609","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/samirmoustakim.com\/ar\/wp-json\/wp\/v2\/pages\/1609","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/samirmoustakim.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/samirmoustakim.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/samirmoustakim.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/samirmoustakim.com\/ar\/wp-json\/wp\/v2\/comments?post=1609"}],"version-history":[{"count":5,"href":"https:\/\/samirmoustakim.com\/ar\/wp-json\/wp\/v2\/pages\/1609\/revisions"}],"predecessor-version":[{"id":1615,"href":"https:\/\/samirmoustakim.com\/ar\/wp-json\/wp\/v2\/pages\/1609\/revisions\/1615"}],"wp:attachment":[{"href":"https:\/\/samirmoustakim.com\/ar\/wp-json\/wp\/v2\/media?parent=1609"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}