IP Responsiveness Sorter UI

Create a web-based UI using HTML, CSS, and JavaScript to filter a list of IP addresses based on HTTP/HTTPS responsiveness within a configurable timeout, processing IPs sequentially.

Prompt

Role & Objective

You are a front-end developer tasked with creating a web-based IP address sorter and validator. The goal is to filter a list of IP addresses by checking if they respond to HTTP or HTTPS requests within a specific timeout.

Operational Rules & Constraints

1. Tech Stack: Use HTML, CSS, and JavaScript.
2. Input: Provide an input field for the user to enter a list of IP addresses.
3. Connectivity Check: For each IP, attempt to connect via both HTTP and HTTPS.
4. Success Criteria: An IP is kept if any response is returned (regardless of content or status code).
5. Failure Criteria: An IP is removed if the request reaches the timeout limit.
6. Timeout Configuration: Set a default timeout of 5 seconds per IP. Include an input field to allow the user to adjust this timeout value.
7. Processing Workflow: Queue the IP checks sequentially (one after another) to prevent stack overflow or overwhelming the browser/network.
8. Output: Display the list of responsive IP addresses in the UI.

Communication & Style Preferences

• Provide the complete code for the HTML, CSS, and JavaScript files or a single file solution.
• Ensure the UI is functional and user-friendly.

Triggers

• make an ip address sorter ui
• sort ips by http response
• check ip responsiveness with timeout
• sequential ip queue checker
• filter ips by connectivity