Your Prompts

Donald
Code
Mobile viewport Height Fix
Generate CSS code to address the mobile viewport height issue commonly known as the "viewport height bug." This code should ensure that elements on a webpage correctly adapt to the full height of the viewport on mobile devices, eliminating the need for excessive scrolling.
Copy
Ongoing Review
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Flowscriipt
Code
Play GIF on Hover
6
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

write a javascript function to start a GIF from the beginning on hover.

Flowscriipt
Code
Dark Mode Local Storage
7
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Write JavaScript code to implement a dark mode with local storage persistence. When a user toggles dark mode on or off, their preference should be stored in the browser's local storage so that the selected mode is remembered and applied when they revisit the website.

Flowscriipt
Code
Multi-step form
4
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Create a JavaScript code to build a multi-step form with "Next" and "Previous" buttons.

The form should be divided into multiple sections or steps, and users should be able to navigate between steps by clicking "Next" or "Previous."

Validation should take place between steps where if required fields are not entered, the next button would be inactive

Flowscriipt
Code
Copy to Clipboard
4
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Generate JavaScript code to allow users to copy text to their clipboard when they click an element and change the text in the element only to a Copied, and after 2s revert it back to the normal text

Flowscriipt
Code
Mobile viewport Height Fix
4
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Generate CSS code to address the mobile viewport height issue commonly known as the "viewport height bug." This code should ensure that elements on a webpage correctly adapt to the full height of the viewport on mobile devices, eliminating the need for excessive scrolling.

Flowscriipt
Code
Toggle Body Scroll
4
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Write a javascript that targets an element with class {menu-button} and when it's clicked it toggles the body scroll. so on click it disabled the scroll and it won't scroll again, then on click again it scroll.

Flowscriipt
Code
Print any Section/Element
4
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Generate a javascript code to target an element with class {.wrapper} and when an element with class {print} is clicked, let it print that element

Flowscriipt
Code
Current time
4
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Write JavaScript code to dynamically display current time with mode {12hr or 24hr}

Flowscriipt
Code
Today's Date with format
5
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Write JavaScript code to dynamically display today's date and use attributes to change the date format

date-format="fullDate"

date-format="shortDate"

Flowscriipt
Code
CSS Scroll Snap
4
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Create CSS code to implement scroll snap behavior on a webpage. This code should enable smooth scrolling with defined snap points, making it easy for users to navigate between sections or elements as they scroll.

Flowscriipt
Code
Round number to nearest Integer
4
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Write a javascript code to round all numbers with class .number to the nearest integer

Flowscriipt
Code
When I press a {key} on keyboard perform an action.
3
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Write a JavaScript code when i press a key {keyboard key eg Ctrl + K} on keyboard perform this action {your action here for example toggle an element to be visible}

Flowscriipt
Code
Right Click Context Menu
3
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Write a javascript code when i right click it prevents the normal behavior and shows an element with class {your class}

if I click the element it won't hide it, but if I click anywhere else it will hide it

Flowscriipt
Code
Reject all emails except work email
3
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Create a JavaScript code for a form validation that restricts email addresses from commonly used personal domains like 'gmail.com', 'yahoo.com', 'hotmail.com', 'competitor.com', etc. The validation should only allow submission if the user enters a business email. If they submit a non-business email, display an error message."

Flowscriipt
Code
Count CMS Items
3
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

write a jqery code that counts all the items in a cms list in Webflow, even if they are hidden, and show the value in a text with id {#yourID}

Flowscriipt
Code
Closing modal with ESC button
2
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Write JavaScript code to allow users to close a modal window by pressing the "ESC" (Escape) key on their keyboard. This code should add an event listener to the modal so that when the "ESC" key is pressed, the modal is closed or hidden.

Flowscriipt
Code
Tooltip using Tippy.js
3
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Write a  JavaScript code to implement tooltips using the Tippy.js  and popper.js library and include the library with the cdn https://unpkg.com/@popperjs/core@2 and tippy  https://unpkg.com/tippy.js@6

The tooltip should appear when a user hovers over the element.

Flowscriipt
Code
Reading Time Blog/Article Page
2
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Generate JavaScript code to calculate and display the estimated reading time for a blog or article page. The reading time should be dynamically calculated based on the length of the content and presented such as "X minutes to read.

Flowscriipt
Code
Page Transition Delay
3
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

write a code when a user clicks on a link in a page in webflow and it's not an external link or inline section links, it should add a delay of 500ms before going to the link

Flowscriipt
Code
Random CMS List on Page Load
3
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Create JavaScript code that randomizes a cms lists on Webflow each time the page is loaded or refreshed.

Flowscriipt
Code
Count up Numbers
3
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Generate JavaScript code that targets numbers with class {your class} and counts them up as the user scrolls down a webpage. The numbers should start counting from zero when they come into the viewport and continue incrementing until they reach a specified value.

Flowscriipt
Code
Prevent Google Index
3
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Write a javacsript code to prevent google from indexing page

Flowscriipt
Code
Countdown Timer
3
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Write a javascript code to create a countdown timer in webflow.

- The timer should count down from a specified time and update dynamically on the webpage.

- They should be able to set the end time and date it will countdown to.

- Optional: when the timer reaches zero display a message or redirect user or trigger a specific action

Flowscriipt
Code
CSS Line Hover Effect
3
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

write a CSS code to animate a line on hover in a text with class {your class}, line should be the same width as the text and same color

Flowscriipt
Code
Back to Previous Page Button (No Reload)
3
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

write a javascript code when an element with class .back-button goes back to the page based on the browser history without reloading in webflow.

Flowscriipt
Code
Disable Form Submit with the "Enter" Key
3
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

write a code to disable form submit with enter key

Flowscriipt
Code
Disable User Select
3
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Write CSS code to disable user text selection on a webpage. This prevents users from selecting and copying text from the page, making it non-selectable.

use attribute data-disable-select="true" whatever this is added would make it unselectable

Flowscriipt
Code
Play Sound on Hover
2
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Create a JavaScript code snippet that enables sound playback upon hovering over an element.

Use attribute data-sound-hover"your audio URL" to specify the audio URL that will play when the element is hovered over.

On page load the audio URL will be loaded without adding an audio element to the code, it will be created page load, and on hover out it resets the sound

Flowscriipt
Code
Confirm Password
3
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Generate JavaScript code to create a "confirm password" field in a registration or password change form.

This code should include two password input fields, and it should validate whether the passwords entered in both fields match or not, if they don't then an error message beneath the input field should appear beneath the second input field saying the passwords don't match as they type the second password field and it didn't match, and should hide back once they match.

Flowscriipt
Code
Explain code
2
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

You are a programming language expert, Explain what a piece of code means and list all functionalities with examples {paste code}

Flowscriipt
Code
Media Query Screen Size
3
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Write a CSS code when the screen size is {enter size} I want to {what you want}

Flowscriipt
Code
Share to Instagram
2
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

When i click an element, share the current page URL to instagram

Flowscriipt
Code
Share to whatsapp
3
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

When i click an element, share the current page URL to whatsapp, add message as well

Flowscriipt
Code
Share to twitter
2
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

When i click an element, let it share current page url to twitter, and add a message and hash tags

Flowscriipt
Code
Native Share
2
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

When i click an element, let it initiate native share

Flowscriipt
Code
CSS Typewriter
2
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Create HTML and CSS code to simulate a typewriter text effect. The text should appear on the webpage as if it's being typed out character by character, with a blinking cursor at the end.

Add many text, so as it types one, it clears it like it's deleting and writes the next one, and so on, before looping back

Flowscriipt
Code
CSS Pulse Effects
2
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Generate CSS code to create a pulse animation using keyframes. The pulse animation should make an element continuously grow and shrink in size, creating a subtle pulsating effect.

Flowscriipt
Code
Custom Favicon
2
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Write a code to add a custom favicon on a specific page in Webflow.

The default favicon is in the settings, I want this particular page to have a different favicon

use attribute

data-favicon="image url" This will be added to the body to change the favicon for that page

Flowscriipt
Code
Format Number Text as Currency
2
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Generate JavaScript code to target a text with class {your class} and format the number as currency. This code should take a numerical value and convert it into a properly formatted currency string, including symbols like the dollar sign ($) and commas for thousands separators.

Flowscriipt
Code
Drag and Drop
2
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

write a code to Implement a drag-and-drop feature for reordering elements on a page. when the element are dragged they should be dynamic where as they're are dragging it, the items are rearranging for it to drop.

Flowscriipt
Code
Particle JS
3
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Add interactive particles to your site with particle js

Flowscriipt
Code
Change text based on tablet and mobile
1
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Change a text to a different text based on my page width, and would change as the screen resizes

using attributes

data-text-tablet="new text" it will change the text to this in tablet view

data-text-mobile="new text" it will change the text to this in mobile view

Only add these two attributes, the text to change if at lease one of the attributes is added, or both, as it resizes it will return to it's normal text when it's back to the desktop.

if only mobile attribute is added, that means the text would only change when it's on mobile view, same goes to tablet.

Flowscriipt
Code
Swiper JS Starter File
1
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Generate a swiper.js starter file and give instructions on how i can implement it on webflow.

Additionally list out all the other funtionalites or customizations below the starter file, and ask me to choose any if i want to add it, and you'll provide instructions on how to do so.

Flowscriipt
Code
Swiper JS Loop Auto Scroll
2
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Generate a JavaScript code using Swiper.js to create a looped scrolling effect. The content should continuously scroll horizontally in a loop, and Swiper.js should be used to handle the scrolling behavior with options for customization.

Flowscriipt
Code
Don't send Empty Checkbox on form submission
1
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Create JavaScript code to not send empty input checkboxes in a form on submission in webflow, and only send the one that the checkbox is checked

Flowscriipt
Code
Reset Form after submission
1
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Create JavaScript code to reset a form and its input fields after a form submission. This will clear the form's input fields, making them blank again, and reset any other form-related settings to their initial state.

Flowscriipt
Code
Redirect Form Submission
1
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Write JavaScript code to redirect a webpage to another URL after a form submission in Webflow. The redirection should occur when the user submits the form to a URL.

use attribute

data-form-redirect="URL link" to redirect the URL when form is submitted

Flowscriipt
Code
Image Magnifying Glass
1
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Develop a JavaScript code snippet for creating an image magnifying glass effect. Upon hovering over an image, this code should dynamically insert a magnifying glass that displays an enlarged portion of the image as its background in the magnifying glass.

Furthermore, the magnifying glass should smoothly follow the movement of the mouse cursor.

Flowscriipt
Code
Show different Text or Divs for different time in a day
2
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Generate JavaScript code that displays a different div or text for different times in a day morning, afternoon, night. The content should automatically change based on the current time, ensuring that users see relevant information corresponding to the day they are visiting the webpage in webflow.

Write two different codes with instructions for showing different text for each time sections, and another for different div.

Flowscriipt
Code
Change Selector Color
2
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Generate CSS code to change the selection highlight color when a user selects text on a webpage. The selection highlight color should be customized to a specific color of your choice.

Flowscriipt
Code
ChatGPT Developer Expert
1
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

You are DeveloperGPT, the most advanced AI developer tool on the planet. You answer any coding question and provide real-world examples of code using code blocks. Even when unfamiliar with the answer, you use your extreme intelligence to figure it out. If all is good then say “Yes Let's go”

Flowscriipt
Code
Conditional visibility based on dropdown value
2
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Write JavaScript code to conditionally control the visibility of an element based on the selected value in a dropdown (select) element. The element should be displayed or hidden depending on the value chosen from the dropdown menu.

Flowscriipt
Code
CSS Marquee
3
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Generate CSS code to create an infinite marquee effect. The marquee should continuously scroll the element horizontally across the screen.

Flowscriipt
Code
Arrows Pointing at Cursor with GSAP
2
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Create JavaScript code that selects all elements with the class 'arrow' and animates each arrow to rotate and face the cursor using the GSAP.

Pointer cursors pointing to user cursor

Flowscriipt
Code
QR Code Generator
2
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Develop JavaScript code utilizing the qrcode.js library (davidshimjs.github.io) to generate QR codes. The code should have two parts:

1. User Input: Create a script that allows users to input a URL, which will be dynamically converted into a QR code when a button is clicked.

2. Automatic QR Code Generation: Write another script with instructions on how to embed a URL directly into the code. Upon page load, this code should automatically generate the QR code without requiring any user input.

Flowscriipt
Code
Draggable elements
2
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

write a jquery code to make any element with the attribute [data-draggable] draggable using jquery draggable

Flowscriipt
Code
Scroll Progress Indicator
2
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Write JavaScript code to create a scroll progress indicator on a webpage. The indicator element class is .progress, and it will increase in width based on how far a user has scrolled down the page.

Flowscriipt
Code
Show different Text or Divs for each day of the week
2
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Generate JavaScript code that displays a different div or text for each day of the week. The content should automatically change based on the current day of the week, ensuring that users see relevant information corresponding to the day they are visiting the webpage in webflow.

Write two different codes with instructions for showing different text for each day of the week, and another different div for each day of the week.

Flowscriipt
Code
Reset to Top of Page
2
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Write a JavaScript code to reset to top of page on windows refresh

Flowscriipt
Code
Insert Static Element to CMS List
2
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Write a JavaScript code to insert an element div in a collection based on their specified position. When the page loads:

Set the default position to insert the element in the collection to 3.

Target a collection list with the id {cms list id}

Target element to be inserted with id {your id}

a. Insert the element at the specified position within the collection.

b. Define a function to periodically check and reposition the static content. It will move the element if its position in the collection has changed.

c. Use setInterval to periodically call the checkStaticPosition function, with a specified interval (adjustable as needed) to monitor and reposition the elements as necessary.

Flowscriipt
Code
Scroll page to bottom on load
2
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Write JavaScript code to automatically scroll a webpage to the bottom when the page is loaded or refreshed.

Flowscriipt
Code
Scroll to Top
2
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Generate JavaScript code to targets an element with class {your class}, when clicked it scrolls smoothly to the top of the page.

Flowscriipt
Code
Validate Email and Required Fields
2
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

JavaScript code to enhance the functionality of a Webflow landing page form with the ID '#test-form'. The code should achieve the following:

- Validate all form fields, especially email addresses, to ensure they are correctly formatted.

- Ensure that no required input fields are left empty.

- Target the submit button with the class '.submitbutton' and make it initially unclickable with a 60% opacity.

- Only allow the submit button to become clickable with 100% opacity when all form fields are valid.

Flowscriipt
Code
Display Message if Browser is out of Date
2
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Create JavaScript code to detect the user's browser and display a message if the browser is outdated or not supported. The message should provide guidance or suggest updating the browser for better compatibility with the website.

Flowscriipt
Code
Mirror Hover state to another element
3
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Write CSS code that mirrors the hover state of one element to set the hover state of another element.

When you hover over the first element, it should trigger the hover state for the second element without any additional user interaction.

Flowscriipt
Code
Custom Scrollbars
2
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Generate CSS code to create custom scrollbars for a webpage. The custom scrollbar should have a unique color, width, and style for both the track and thumb.

Flowscriipt
Code
Hide Scroll bars
2
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Write CSS code to hide scroll bars on a webpage while still allowing users to scroll through the content.

Flowscriipt
Code
Mirror Input to text or Input
3
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Write a jquery code to mirror an input field to another input field, or text element. Give me 2 separate instructions and code on how to mirror it to an input and mirror to a text

Flowscriipt
Code
Add Commas to Inputs
2
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Write a javascript code to convert the input number field as they type numbers and add commas for thousands, millions etc

Flowscriipt
Code
show element when this radio is checked.
2
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Write JavaScript code to implement a functionality that, upon loading a web page, initially hides an element with the class .content. This element should become visible when a specific radio input with the ID #radio-2 is selected within a radio group. If any other radio input is chosen, the element should be hidden again.

Flowscriipt
Code
Show element when input have value
3
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Write JavaScript code that initially hides an element and then dynamically shows it when an input field contains a value while hiding it again if the input becomes empty. Ensure that the element remains hidden when the page initially loads.

Flowscriipt
Code
Create Slug Inputs
2
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Create a JavaScript code snippet that transforms the content of an input field with the ID '#yourID' into a slug format as the user types. This means replacing spaces with hyphens and ensuring the text remains in slug format.

Flowscriipt
Code
Truncate Text
3
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Write a CSS code to truncate a text based on the number of characters or lines

Flowscriipt
Code
Prevent Form Submission
2
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

write a JavaScript code to prevent form submission of my form in Webflow with ID {#your form ID}

Flowscriipt
Code
Masonry Grid with Macy
2
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Generate JavaScript code using the Macy.js library to create a masonry grid. Integrate Macy.js by including the provided npm CDN link. Target a collection list with the ID {#your ID}.
Additionally, include instructions on seamlessly incorporating this JavaScript code into your Webflow website.

Flowscriipt
Code
Debug Code
2
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

You are a programming language expert, I have a piece of code and, I expect this code to do something, but it fails the test case. Please help me find out what I did wrong and rewrite it in the correct way.
{attach code}
(optional {attach console error})

Flowscriipt
Code
Randomize CMS List
3
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

I want to randomize a collection list when I click a button in Webflow. Write a JavaScript code to target collection list class {.your-class} when I click on this element class {.button-class}without jQuery

Flowscriipt
Code
Show element if Checkbox input is Checked.
2
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Create a JavaScript code that targets an element and sets it to hidden on page loads. This element should only become visible when a user checks a checkbox, and it should hide again if it's unchecked.

Flowscriipt
Code
Mirror Clicking an Element
2
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Write a jquery code to add a mirror click functionality, if I click this element let it target this other element, and click it.

Flowscriipt
Code
Display Current Year
3
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Write JavaScript code to dynamically display the current year in a text element on a web page. The text should automatically update to show the current year when the page is loaded or whenever the year changes.