{"id":1584,"date":"2023-02-17T05:17:53","date_gmt":"2023-02-17T05:17:53","guid":{"rendered":"https:\/\/www.tools.keywordfinder.us\/?page_id=1584"},"modified":"2023-02-17T05:17:53","modified_gmt":"2023-02-17T05:17:53","slug":"zalgo-text","status":"publish","type":"page","link":"https:\/\/tools.billionsideas.com\/de\/zalgo-text\/","title":{"rendered":"Zalgo Text"},"content":{"rendered":"<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column has-base-3-background-color has-background is-layout-flow wp-block-column-is-layout-flow\">\n<section><h1>Zalgo Text Generator<\/h1>\n<br>\n    <div class=\"container\">\n    <!-- Input field to enter text to generate Zalgo text -->\n    <div class=\"form-group\">\n      <label for=\"input-text\">Enter Text:<\/label><br>\n      <input type=\"text\" class=\"form-control\" id=\"input-text\">\n    <\/div><br><br>\n\n    <!-- Slider to control the intensity of the Zalgo effect -->\n    <div class=\"form-group\">\n      <label for=\"intensity-slider\">Intensity:<\/label><br>\n      <input type=\"range\" min=\"0\" max=\"10\" value=\"5\" class=\"form-control-range\" id=\"intensity-slider\">\n    <\/div><br><br>\n\n    <!-- Radio buttons to select the conversion type (plain text to Zalgo or Zalgo to plain text) -->\n    <div class=\"form-group\">\n      <div class=\"form-check form-check-inline\">\n        <input class=\"form-check-input\" type=\"radio\" name=\"conversion-type\" id=\"plain-to-zalgo\" value=\"plain-to-zalgo\" checked=\"\">\n        <label class=\"form-check-label\" for=\"plain-to-zalgo\">Plain Text to Zalgo<\/label>\n      <\/div>\n      <div class=\"form-check form-check-inline\">\n        <input class=\"form-check-input\" type=\"radio\" name=\"conversion-type\" id=\"zalgo-to-plain\" value=\"zalgo-to-plain\">\n        <label class=\"form-check-label\" for=\"zalgo-to-plain\">Zalgo to Plain Text<\/label>\n      <\/div>\n    <\/div>\n\n      <!-- Generate button to initiate the text conversion -->\n    <button class=\"btn btn-primary\" id=\"generate-button\">Generate<\/button>\n\n    <!-- Output element to display the generated Zalgo text -->\n    <div class=\"form-group mt-3\">\n      <label for=\"output\">Output:<\/label>\n      <textarea class=\"form-control\" id=\"output\" rows=\"5\" readonly=\"\"><\/textarea>\n    <\/div>\n<br>\n    <!-- Copy to clipboard button -->\n    <button class=\"btn btn-secondary\" id=\"copy-button\">Copy to Clipboard<\/button><br><br>\n<\/div><\/section>\n    <!-- JavaScript code to handle user interactions and generate the Zalgo text -->\n    <script>\n      const inputText = document.getElementById(\"input-text\");\n      const intensitySlider = document.getElementById(\"intensity-slider\");\n      const conversionType = document.getElementsByName(\"conversion-type\");\n      const generateButton = document.getElementById(\"generate-button\");\n      const output = document.getElementById(\"output\");\n      const copyButton = document.getElementById(\"copy-button\");\n\n      \/\/ Zalgo characters to add to the text\n      let zalgoChars = \"&#769;&#859;&#838;&#873;&#849;&#794;&#866;&#847;&#820;&#860;&#864;\";\n\n      \/\/ Generate the Zalgo text\n      generateButton.addEventListener(\"click\", () => {\n        let text = inputText.value;\n        let intensity = intensitySlider.value;\n\n        \/\/ Check which conversion type is selected\n        let selectedConversion;\n        for (let i = 0; i < conversionType.length; i++) {\n          if (conversionType[i].checked) {\n            selectedConversion = conversionType[i].value;\n            break;\n          }\n        }\n\n        \/\/ Generate the Zalgo text\n        if (selectedConversion === \"plain-to-zalgo\") {\n          let zalgoText = text.split(\"\").map((char) => char + zalgoChars.repeat(intensity)).join(\"\");\n          output.textContent = zalgoText;\n        }\n        \/\/ Convert the Zalgo text back to plain text\n        else {\n          let plainText = text.split(\"\").filter((char, index) => index % (zalgoChars.length + 1) === 0).join(\"\");\n          output.textContent = plainText;\n        }\n      });\n\n      \/\/ Copy the generated text to the clipboard\n      copyButton.addEventListener(\"click\", () => {\n        output.select();\n        document.execCommand(\"copy\");\n        alert(\"Text copied to clipboard!\");\n      });\n    <\/script>\n  \n\n<style>\nsection{\n         margin-top:60px;\n        width: 100%;\n        max-width: 970px;\n        background-color: #fff;\n        border: 1px solid #ddd;\n        padding: 25px;\n      }\ninput[type=\"text\"]{width:100%;height:100px;}\n<\/style>\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Zalgo Text Generator Enter Text: Intensity: Plain Text to Zalgo Zalgo to Plain Text Generate Output: Copy to Clipboard<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","footnotes":""},"class_list":["post-1584","page","type-page","status-publish"],"taxonomy_info":[],"featured_image_src_large":false,"author_info":{"display_name":"Billions Ideas","author_link":"https:\/\/tools.billionsideas.com\/de\/author\/loginbillionsideas-com\/"},"comment_info":0,"jetpack-related-posts":[],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/tools.billionsideas.com\/de\/wp-json\/wp\/v2\/pages\/1584","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tools.billionsideas.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tools.billionsideas.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tools.billionsideas.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tools.billionsideas.com\/de\/wp-json\/wp\/v2\/comments?post=1584"}],"version-history":[{"count":0,"href":"https:\/\/tools.billionsideas.com\/de\/wp-json\/wp\/v2\/pages\/1584\/revisions"}],"wp:attachment":[{"href":"https:\/\/tools.billionsideas.com\/de\/wp-json\/wp\/v2\/media?parent=1584"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}