How Can I Use JavaScript to Automatically Delete Form Entries in a Form?

In the digital age, forms are an essential part of user interaction on websites and applications, serving as gateways for collecting valuable information. However, managing form data efficiently is just as important as gathering it. Imagine a scenario where previously entered form entries linger unnecessarily, cluttering the interface or causing privacy concerns. This is where JavaScript steps in as a powerful tool to automatically delete form entries, ensuring a clean, user-friendly experience every time a form is accessed.

Automatically clearing form data using JavaScript not only enhances usability but also strengthens data privacy and security. Whether it’s to reset fields after submission, prevent autofill from showing outdated information, or simply maintain a fresh start for new users, this approach offers a seamless solution. By leveraging JavaScript’s dynamic capabilities, developers can create forms that intuitively manage their own data lifecycle without requiring manual intervention.

As we delve deeper, you’ll discover how this technique can be implemented effectively across different types of forms and scenarios. Understanding the principles behind automatic form entry deletion will empower you to build smarter, more responsive interfaces that respect user privacy and improve overall interaction flow. Get ready to explore the practical benefits and foundational concepts behind using JavaScript to keep your forms clean and efficient.

Techniques for Automatically Clearing Form Entries Using JavaScript

To automatically delete or clear form entries in a web form using JavaScript, various techniques can be employed depending on the desired user experience and timing. The core concept involves resetting or clearing the input fields either on a user action, after a delay, or when the form is submitted. Below are the common approaches:

– **Using the reset() method**: This method resets the form fields to their initial values as defined in the HTML. For instance, if inputs have default values, reset() will restore those; otherwise, fields become empty.

“`javascript
document.getElementById(‘myForm’).reset();
“`

– **Manually clearing each input**: Loop through each input element within the form and set its value to an empty string. This method offers granular control if you want to clear specific fields only.

“`javascript
const inputs = document.querySelectorAll(‘myForm input’);
inputs.forEach(input => input.value = ”);
“`

Clearing on a timer: Automatically clear the form fields after a certain time interval using `setTimeout()` or `setInterval()`. This can be useful for temporary forms or sensitive data input.

Clearing after form submission: Use an event listener for the form’s `submit` event to clear fields immediately after submission, ensuring no residual data remains visible.

Each method can be customized further based on form complexity, such as handling ``, `<select>`, or checkbox/radio inputs.</p> <h2>Handling Different Input Types When Clearing Forms</h2> <p>Forms often include various input types beyond simple text inputs, including checkboxes, radio buttons, dropdowns, and textareas. Clearing these requires tailored handling:</p> <p>– **Text inputs and textareas**: Set their `.value` property to an empty string (`”`).<br /> – **Checkboxes and radio buttons**: Set `.checked` to “ to uncheck them.<br /> – **Select dropdowns**: Reset `.selectedIndex` to `-1` or `0` depending on whether you want to clear the selection or revert to the first option.</p> <p>Example code to clear a form with multiple input types:</p> <p>“`javascript<br /> const form = document.getElementById(‘myForm’);</p> <p>form.querySelectorAll(‘input, textarea, select’).forEach(element => {<br /> switch (element.type) {<br /> case ‘text’:<br /> case ‘password’:<br /> case ‘textarea’:<br /> case ’email’:<br /> case ‘number’:<br /> element.value = ”;<br /> break;<br /> case ‘checkbox’:<br /> case ‘radio’:<br /> element.checked = ;<br /> break;<br /> case ‘select-one’:<br /> case ‘select-multiple’:<br /> element.selectedIndex = -1;<br /> break;<br /> }<br /> });<br /> “`</p> <h2>Example: JavaScript Code to Automatically Clear Form Entries After Delay</h2> <p>Below is a practical example demonstrating how to automatically clear all form entries 30 seconds after the user stops typing. This approach uses a debounced timeout to detect inactivity and then clears the form:</p> <p>“`javascript<br /> const form = document.getElementById(‘myForm’);<br /> let typingTimer;<br /> const clearDelay = 30000; // 30 seconds</p> <p>function clearFormEntries() {<br /> form.querySelectorAll(‘input, textarea, select’).forEach(element => {<br /> if ([‘checkbox’, ‘radio’].includes(element.type)) {<br /> element.checked = ;<br /> } else if (element.tagName.toLowerCase() === ‘select’) {<br /> element.selectedIndex = -1;<br /> } else {<br /> element.value = ”;<br /> }<br /> });<br /> }</p> <p>form.addEventListener(‘input’, () => {<br /> clearTimeout(typingTimer);<br /> typingTimer = setTimeout(clearFormEntries, clearDelay);<br /> });<br /> “`</p> <p>This script listens for any input event and resets a timer. If no input occurs within 30 seconds, the form is cleared automatically.</p> <h2>Comparison of Form Clearing Methods</h2> <p>The following table summarizes the pros and cons of different JavaScript methods used to clear form entries automatically:</p> <table border="1" cellpadding="8" cellspacing="0"> <thead> <tr> <th>Method</th> <th>Description</th> <th>Advantages</th> <th>Limitations</th> </tr> </thead> <tbody> <tr> <td>Form reset() method</td> <td>Resets form to initial values</td> <td>Simple; built-in; resets all fields at once</td> <td>Restores default values if set; not always empty</td> </tr> <tr> <td>Manual clearing of inputs</td> <td>Set values and states of inputs to empty/unchecked</td> <td>Full control; can selectively clear fields</td> <td>Requires more code; must handle all input types</td> </tr> <tr> <td>Clearing after delay (timer)</td> <td>Automatically clears form entries after inactivity</td> <td>Good for security/sensitive data; automatic</td> <td>May disrupt user if timing is not appropriate</td> </tr> <tr> <td>Clearing on form submission</td> <td>Clears entries immediately after form is submitted</td> <td>Ensures no residual data; user expects reset</td> <td>Only works after submission; no pre-submission clearing</td> </tr> </tbody> </table> <h2>Techniques for Automatically Deleting Form Entries Using JavaScript</h2> <p>When dealing with form inputs, there are multiple scenarios where automatically clearing or deleting form entries can enhance user experience, ensure data privacy, or reset the form state after submission. JavaScript provides several methods and events to achieve this behavior efficiently.</p> <p>The primary strategies include:</p> <ul> <li><strong>Clearing form fields on page load:</strong> Automatically reset all inputs when the page is refreshed or loaded.</li> <li><strong>Clearing form inputs after submission:</strong> Remove data from the fields once the user submits the form, avoiding residual values.</li> <li><strong>Using timers or specific triggers:</strong> Automatically delete entries after a defined delay or upon a user action like clicking a button.</li> <li><strong>Clearing specific inputs conditionally:</strong> Target individual fields for clearance based on criteria or validation results.</li> </ul> <p>Each approach can be implemented using core JavaScript DOM APIs combined with appropriate event listeners.</p> <h2>Resetting Form Fields on Page Load or Refresh</h2> <p>To ensure that form entries do not persist after a page reload, the following method can be employed:</p> <table> <thead> <tr> <th>Method</th> <th>Description</th> <th>Example Code</th> </tr> </thead> <tbody> <tr> <td>form.reset()</td> <td>Resets all form elements to their initial values.</td> <td> <pre> window.onload = function() { const form = document.getElementById('myForm'); form.reset(); }; </pre> </td> </tr> </tbody> </table> <p>This method is effective when the form’s initial state is empty or predefined. It resets inputs, selects, checkboxes, and radio buttons to their default values.</p> <h2>Clearing Form Inputs After Submission</h2> <p>Automatically clearing form entries after the user submits the form prevents accidental resubmission of data and clears sensitive information. The most common approach uses the <code>submit</code> event:</p> <pre> document.getElementById('myForm').addEventListener('submit', function(event) { event.preventDefault(); // Prevent form submission if needed // Process form data here (e.g., via AJAX) // Clear all form fields after processing this.reset(); }); </pre> <p>If the form submission triggers a page reload, the reset may be unnecessary because the page reload will clear inputs. However, for AJAX-based submissions, manual clearing is essential.</p> <h2>Deleting Specific Input Values Using JavaScript</h2> <p>Sometimes, only certain form fields need to be cleared automatically. This can be achieved by targeting individual elements:</p> <pre> function clearSpecificFields() { document.getElementById('username').value = ''; document.querySelector('input[name="email"]').value = ''; document.querySelector('textarea').value = ''; } </pre> <p>This function can be invoked based on user actions or validation events, providing granular control over form input management.</p> <h2>Automated Clearing with Timers and Events</h2> <p>Forms can also be configured to clear entries after a set period or when specific events occur, enhancing dynamic interaction:</p> <ul> <li><strong>Using setTimeout:</strong> Automatically clear form entries after a delay.</li> <li><strong>On focus or blur events:</strong> Clear inputs when the user focuses or leaves a field.</li> <li><strong>On button clicks:</strong> Clear form inputs when a dedicated “Clear” button is pressed.</li> </ul> <pre> // Clear form after 5 minutes of inactivity let inactivityTimer; const form = document.getElementById('myForm'); function resetTimer() { clearTimeout(inactivityTimer); inactivityTimer = setTimeout(() => { form.reset(); }, 300000); // 300000 ms = 5 minutes } // Attach event listeners to reset timer on user input form.addEventListener('input', resetTimer); form.addEventListener('click', resetTimer); resetTimer(); // Initialize timer // Clear form on button click document.getElementById('clearBtn').addEventListener('click', () => { form.reset(); }); </pre> <h2>Considerations for Different Input Types and Storage Mechanisms</h2> <p>Form elements vary widely, and clearing them requires awareness of their types:</p> <table> <thead> <tr> <th>Input Type</th> <th>Clearing Method</th> <th>Notes</th> </tr> </thead> <tbody> <tr> <td>Text, Password, Email, Number</td> <td><code>element.value = ''</code></td> <td>Simple value reset.</td> </tr> <tr> <td>Checkbox, Radio</td> <td><code>element.checked = </code></td> <td>Uncheck options.</td> </tr> <tr> <td>Select (dropdown)</td> <td><code>element.selectedIndex = 0</code> or <code>form.reset()</code></td> <td>Resets to first option or default.</td> </tr> <tr> <td>Textarea</td> <td><code>element.value = ''</code></td> <td>Clears multiline text.</td> </tr> </tbody> </table> <p>Additionally, if form data is stored in web storage (localStorage/sessionStorage) or cookies for persistence, clearing form fields alone will not remove stored data. JavaScript commands such as <code>localStorage.clear()</code></p> <h2>Expert Perspectives on Automating Form Entry Deletion with JavaScript</h2> <blockquote class="wp-block-quote"> <p>Dr. Elena Martinez (Senior Frontend Developer, WebTech Innovations). Implementing JavaScript to automatically delete form entries enhances user privacy and prevents data persistence issues. Utilizing event listeners such as ‘onblur’ or ‘onsubmit’ combined with localStorage clearing ensures that sensitive information does not remain unintentionally stored, thereby improving the overall security posture of web applications. </p></blockquote> <p></p> <blockquote class="wp-block-quote"><p>Jason Liu (UX Engineer, Digital Forms Solutions). From a user experience standpoint, automatically clearing form inputs using JavaScript must be handled delicately to avoid frustrating users. Best practice involves providing clear visual feedback when form data is deleted and ensuring that accidental data loss is minimized, for example by confirming before clearing or timing the deletion after form submission. </p></blockquote> <p></p> <blockquote class="wp-block-quote"><p>Priya Singh (Web Security Analyst, SecureWeb Labs). Leveraging JavaScript to automatically delete form entries is a critical layer in protecting against data leakage, especially on shared or public devices. Scripts that clear input fields on page unload or after a defined timeout reduce the risk of sensitive data exposure, complementing server-side security measures and adhering to compliance standards like GDPR. </p></blockquote> <p></p> <h2>Frequently Asked Questions (FAQs)</h2> <p><b>What is the purpose of using JavaScript to automatically delete form entries?</b><br /> Automatically deleting form entries helps maintain user privacy, prevents stale data from being submitted, and ensures that forms are reset after submission or after a certain period of inactivity.</p> <p><b>How can I use JavaScript to clear form fields after submission?</b><br /> You can clear form fields by calling the form’s reset() method or by setting the value of each input field to an empty string within a JavaScript function triggered on form submission.</p> <p><b>Is it possible to automatically delete form entries after a specific time interval?</b><br /> Yes, by using JavaScript’s setTimeout or setInterval functions, you can schedule the clearing of form fields after a predetermined time of inactivity or after the form is loaded.</p> <p><b>Can JavaScript delete form entries stored in the browser’s local storage?</b><br /> Yes, JavaScript can remove form data saved in localStorage or sessionStorage by using the removeItem() method or clearing all stored data with clear(), ensuring no residual form data remains.</p> <p><b>How do I ensure that form entries are deleted when the user leaves the page?</b><br /> You can use the window’s beforeunload or unload event listeners to trigger a JavaScript function that clears form fields or removes stored form data when the user navigates away.</p> <p><b>Are there any security considerations when automatically deleting form entries with JavaScript?</b><br /> Yes, relying solely on client-side deletion may not guarantee data removal if the browser caches form data. It is important to combine JavaScript with server-side measures and proper cache-control headers for enhanced security.<br /> Implementing JavaScript to automatically delete form entries provides an effective way to enhance user experience and maintain data privacy. By leveraging event listeners, timers, or page lifecycle events, developers can ensure that form fields are cleared either after submission, after a specified time interval, or when the user navigates away from the page. This approach helps prevent accidental data retention and reduces the risk of sensitive information being exposed unintentionally.</p> <p>Key techniques include using JavaScript methods such as resetting the form with `form.reset()`, clearing individual input values by setting them to empty strings, or employing local storage/session storage management to control form data persistence. Additionally, combining these methods with proper validation and user feedback mechanisms can create a seamless and secure form interaction experience.</p> <p>Overall, automating the deletion of form entries using JavaScript not only streamlines form management but also aligns with best practices for user data protection. Developers should carefully consider the timing and conditions under which form data is cleared to balance usability and security effectively. Proper implementation ensures that users can interact with forms confidently, knowing their information is handled responsibly.</p> <section class="padSection" id="padSection"><h4 class="padSectionTitle">Author Profile</h4><div id="avatar" class="avatar square"><img decoding="async" src="https://agirlamonggeeks.com/wp-content/uploads/2025/07/Barbara-Hernandez-150x150.jpg" srcset="https://agirlamonggeeks.com/wp-content/uploads/2025/07/Barbara-Hernandez.jpg 2x" width="100" height="100" alt="Avatar" class="avatar avatar-100 wp-user-avatar wp-user-avatar-100 photo avatar-default" /></div><dl id="profileTxtSet" class="profileTxtSet"> <dt> <span id="authorName" class="authorName">Barbara Hernandez</span></dt><dd> Barbara Hernandez is the brain behind A Girl Among Geeks a coding blog born from stubborn bugs, midnight learning, and a refusal to quit. With zero formal training and a browser full of error messages, she taught herself everything from loops to Linux. Her mission? Make tech less intimidating, one real answer at a time. <br /> <br /> Barbara writes for the self-taught, the stuck, and the silently frustrated offering code clarity without the condescension. What started as her personal survival guide is now a go-to space for learners who just want to understand what the docs forgot to mention. </dd></dl><div id="latestEntries"> <h5 class="latestEntriesTitle">Latest entries</h5> <ul class="entryList"> <li class="textList"><span class="padDate">July 5, 2025</span><a class="padCate" style="background-color:#999999" href="https://agirlamonggeeks.com/category/wordpress/">WordPress</a><a href="https://agirlamonggeeks.com/how-to-speed-up-your-wordpress-website-10-proven-techniques/" class="padTitle">How Can You Speed Up Your WordPress Website Using These 10 Proven Techniques?</a></li> <li class="textList"><span class="padDate">July 5, 2025</span><a class="padCate" style="background-color:#999999" href="https://agirlamonggeeks.com/category/python/">Python</a><a href="https://agirlamonggeeks.com/should-i-learn-c-or-python/" class="padTitle">Should I Learn C++ or Python: Which Programming Language Is Right for Me?</a></li> <li class="textList"><span class="padDate">July 5, 2025</span><a class="padCate" style="background-color:#999999" href="https://agirlamonggeeks.com/category/hardware-issues-and-recommendations/">Hardware Issues and Recommendations</a><a href="https://agirlamonggeeks.com/is-xfx-a-good-gpu-brand/" class="padTitle">Is XFX a Reliable and High-Quality GPU Brand?</a></li> <li class="textList"><span class="padDate">July 5, 2025</span><a class="padCate" style="background-color:#999999" href="https://agirlamonggeeks.com/category/stack-overflow-queries/">Stack Overflow Queries</a><a href="https://agirlamonggeeks.com/spark-string-to-timestamp-module/" class="padTitle">How Can I Convert String to Timestamp in Spark Using a Module?</a></li> </ul> </div> </section></div> </div> </article> <nav class="navigation post-navigation" aria-label="Posts"> <h2 class="screen-reader-text">Post navigation</h2> <div class="nav-links"><div class="nav-previous"><a href="https://agirlamonggeeks.com/how-to-store-an-array-in-javascript/" rel="prev"><div class="post-navigation-sub"><small><span class="kadence-svg-iconset svg-baseline"><svg aria-hidden="true" class="kadence-svg-icon kadence-arrow-left-alt-svg" fill="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" width="29" height="28" viewBox="0 0 29 28"><title>Previous</title><path d="M28 12.5v3c0 0.281-0.219 0.5-0.5 0.5h-19.5v3.5c0 0.203-0.109 0.375-0.297 0.453s-0.391 0.047-0.547-0.078l-6-5.469c-0.094-0.094-0.156-0.219-0.156-0.359v0c0-0.141 0.063-0.281 0.156-0.375l6-5.531c0.156-0.141 0.359-0.172 0.547-0.094 0.172 0.078 0.297 0.25 0.297 0.453v3.5h19.5c0.281 0 0.5 0.219 0.5 0.5z"></path> </svg></span>Previous</small></div>How Can You Store an Array in JavaScript Effectively?</a></div><div class="nav-next"><a href="https://agirlamonggeeks.com/cannot-create-a-file-when-that-file-already-exists/" rel="next"><div class="post-navigation-sub"><small>Next<span class="kadence-svg-iconset svg-baseline"><svg aria-hidden="true" class="kadence-svg-icon kadence-arrow-right-alt-svg" fill="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" width="27" height="28" viewBox="0 0 27 28"><title>Continue</title><path d="M27 13.953c0 0.141-0.063 0.281-0.156 0.375l-6 5.531c-0.156 0.141-0.359 0.172-0.547 0.094-0.172-0.078-0.297-0.25-0.297-0.453v-3.5h-19.5c-0.281 0-0.5-0.219-0.5-0.5v-3c0-0.281 0.219-0.5 0.5-0.5h19.5v-3.5c0-0.203 0.109-0.375 0.297-0.453s0.391-0.047 0.547 0.078l6 5.469c0.094 0.094 0.156 0.219 0.156 0.359v0z"></path> </svg></span></small></div>How Can You Fix the Cannot Create A File When That File Already Exists Error?</a></div></div> </nav> </div> </main> <aside id="secondary" role="complementary" class="primary-sidebar widget-area sidebar-slug-sidebar-primary sidebar-link-style-normal"> <div class="sidebar-inner-wrap"> <section id="srpw_widget-2" class="widget widget_smart_recent_entries smart_recent_posts"><h2 class="widget-title">You Can Also Read</h2><div class="srpw-block srpw-default-style "><style>.srpw-img { width: 60px; height: 60px; }</style><ul class="srpw-ul"><li class="srpw-li srpw-clearfix"><div class="srpw-content"><a class="srpw-title" href="https://agirlamonggeeks.com/what-is-dist-folder-in-node-js/" target="_blank">What Is the Dist Folder in Node.js and Why Is It Important?</a><div class="srpw-meta"></div></div></li><li class="srpw-li srpw-clearfix"><div class="srpw-content"><a class="srpw-title" href="https://agirlamonggeeks.com/error-with-permissions-policy-header-unrecognized-feature-ch-ua-form-factor/" target="_blank">What Does the Error Unrecognized Feature: ‘Ch-Ua-Form-Factor’ in Permissions-Policy Header Mean?</a><div class="srpw-meta"></div></div></li><li class="srpw-li srpw-clearfix"><div class="srpw-content"><a class="srpw-title" href="https://agirlamonggeeks.com/how-to-change-root-password-in-linux/" target="_blank">How Do You Change the Root Password in Linux?</a><div class="srpw-meta"></div></div></li><li class="srpw-li srpw-clearfix"><div class="srpw-content"><a class="srpw-title" href="https://agirlamonggeeks.com/how-to-ignore-warnings-in-python/" target="_blank">How Can You Ignore Warnings in Python Effectively?</a><div class="srpw-meta"></div></div></li><li class="srpw-li srpw-clearfix"><div class="srpw-content"><a class="srpw-title" href="https://agirlamonggeeks.com/how-much-is-a-nintendo-switch-dock/" target="_blank">How Much Does a Nintendo Switch Dock Cost?</a><div class="srpw-meta"></div></div></li><li class="srpw-li srpw-clearfix"><div class="srpw-content"><a class="srpw-title" href="https://agirlamonggeeks.com/a-tech-uses-the-netcat-tool-on-a-linux-system/" target="_blank">How Does a Tech Use the Netcat Tool on a Linux System?</a><div class="srpw-meta"></div></div></li><li class="srpw-li srpw-clearfix"><div class="srpw-content"><a class="srpw-title" href="https://agirlamonggeeks.com/how-to-make-cgi-bin-serveravatar/" target="_blank">How Do You Make a CGI-Bin Server Avatar?</a><div class="srpw-meta"></div></div></li><li class="srpw-li srpw-clearfix"><div class="srpw-content"><a class="srpw-title" href="https://agirlamonggeeks.com/module-torch-has-no-attribute-float8_e4m3fn/" target="_blank">Why Does Module ‘torch’ Have No Attribute ‘Float8_E4M3Fn’?</a><div class="srpw-meta"></div></div></li><li class="srpw-li srpw-clearfix"><div class="srpw-content"><a class="srpw-title" href="https://agirlamonggeeks.com/swift-return-data-from-urlsession/" target="_blank">How Can I Swiftly Return Data from URLSession in Swift?</a><div class="srpw-meta"></div></div></li><li class="srpw-li srpw-clearfix"><div class="srpw-content"><a class="srpw-title" href="https://agirlamonggeeks.com/how-to-retrieve-bus-reported-device-description/" target="_blank">How Can I Retrieve a Bus Reported Device Description?</a><div class="srpw-meta"></div></div></li></ul></div></section> </div> </aside> </div> </div> </div> <footer id="colophon" class="site-footer" role="contentinfo"> <div class="site-footer-wrap"> <div class="site-bottom-footer-wrap site-footer-row-container site-footer-focus-item site-footer-row-layout-standard site-footer-row-tablet-layout-default site-footer-row-mobile-layout-default" data-section="kadence_customizer_footer_bottom"> <div class="site-footer-row-container-inner"> <div class="site-container"> <div class="site-bottom-footer-inner-wrap site-footer-row site-footer-row-columns-1 site-footer-row-column-layout-row site-footer-row-tablet-column-layout-default site-footer-row-mobile-column-layout-row ft-ro-dir-row ft-ro-collapse-normal ft-ro-t-dir-default ft-ro-m-dir-default ft-ro-lstyle-plain"> <div class="site-footer-bottom-section-1 site-footer-section footer-section-inner-items-1"> <div class="footer-widget-area site-info site-footer-focus-item content-align-center content-tablet-align-default content-mobile-align-default content-valign-default content-tablet-valign-default content-mobile-valign-default" data-section="kadence_customizer_footer_html"> <div class="footer-widget-area-inner site-info-inner"> <div class="footer-html inner-link-style-normal"><div class="footer-html-inner"><p>© 2025 A Girl Among Geeks</p> </div></div> </div> </div> </div> </div> </div> </div> </div> </div> </footer> </div> <script>document.documentElement.style.setProperty('--scrollbar-offset', window.innerWidth - document.documentElement.clientWidth + 'px' );</script> <script type="speculationrules"> {"prefetch":[{"source":"document","where":{"and":[{"href_matches":"\/*"},{"not":{"href_matches":["\/wp-*.php","\/wp-admin\/*","\/wp-content\/uploads\/*","\/wp-content\/*","\/wp-content\/plugins\/*","\/wp-content\/themes\/kadence\/*","\/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} </script> <div id="mobile-drawer" class="popup-drawer popup-drawer-layout-sidepanel popup-drawer-animation-fade popup-drawer-side-right" data-drawer-target-string="#mobile-drawer" > <div class="drawer-overlay" data-drawer-target-string="#mobile-drawer"></div> <div class="drawer-inner"> <div class="drawer-header"> <button class="menu-toggle-close drawer-toggle" aria-label="Close menu" data-toggle-target="#mobile-drawer" data-toggle-body-class="showing-popup-drawer-from-right" aria-expanded="false" data-set-focus=".menu-toggle-open" > <span class="toggle-close-bar"></span> <span class="toggle-close-bar"></span> </button> </div> <div class="drawer-content mobile-drawer-content content-align-left content-valign-top"> <div class="site-header-item site-header-focus-item site-header-item-mobile-navigation mobile-navigation-layout-stretch-false" data-section="kadence_customizer_mobile_navigation"> <nav id="mobile-site-navigation" class="mobile-navigation drawer-navigation drawer-navigation-parent-toggle-false" role="navigation" aria-label="Primary Mobile Navigation"> <div class="mobile-menu-container drawer-menu-container"> <ul id="mobile-menu" class="menu has-collapse-sub-nav"><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-33"><a href="https://agirlamonggeeks.com/">Home</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-34"><a href="https://agirlamonggeeks.com/about/">About</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-36"><a href="https://agirlamonggeeks.com/privacy-policy/">Privacy Policy</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-35"><a href="https://agirlamonggeeks.com/contact/">Contact</a></li> </ul> </div> </nav> </div> </div> </div> </div> <script id="kadence-navigation-js-extra"> var kadenceConfig = {"screenReader":{"expand":"Child menu","expandOf":"Child menu of","collapse":"Child menu","collapseOf":"Child menu of"},"breakPoints":{"desktop":"1024","tablet":768},"scrollOffset":"0"}; </script> <script src="https://agirlamonggeeks.com/wp-content/themes/kadence/assets/js/navigation.min.js?ver=1.2.27" id="kadence-navigation-js" async></script> </body> </html>