Posts

Showing posts from August, 2025

html css js calculator

 Got it 👍 Here’s a single-page calculator built with just HTML, inline CSS, and JavaScript. You can copy-paste into a .html file and run it directly:  <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Fast Speed Test</title> <style> body{margin:0;font-family:Arial,sans-serif;background:#0b0f14;color:#fff;display:flex;justify-content:center;align-items:center;height:100vh} .container{background:#111826;padding:20px;border-radius:16px;width:320px;text-align:center;box-shadow:0 6px 25px rgba(0,0,0,.5)} h1{margin-bottom:8px;font-size:24px} .status{margin:6px 0;color:#8aa0b2;font-size:14px} .kpi{font-size:32px;font-weight:800;margin:6px 0} .progress{width:100%;height:10px;background:#0d1420;border-radius:10px;overflow:hidden;margin:6px 0} .bar{height:100%;width:0%;background:#4cc9f0;transition:width .2s} button{margin-top:10px;padding:8px 16px;font-weight:700;border:none;border-radius:10px;background:#4cc9...

speed test use html, js, cs, inline code

Image
  Here’s a single-file, copy-pasteable speed-test page using only HTML + inline CSS + vanilla JS. It measures latency (ping), download, and upload, shows your public IP, and works without any external libraries. Tip: It tries Cloudflare’s public speed endpoint for download and httpbin for upload. If your hosting blocks cross-origin requests, set CUSTOM_DOWNLOAD_URL in the code to a file on your own server (e.g., a 50–200 MB file). <!doctype html> <html lang="en"> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <title>Simple Speed Test</title> <style>   :root{     --bg:#0b0f14; --panel:#111826; --muted:#8aa0b2; --text:#e8f1f8; --accent:#4cc9f0; --ok:#22c55e; --warn:#fbbf24; --err:#ef4444;   }   *{box-sizing:border-box}   body{     margin:0; font-family:system-ui,Segoe UI,Roboto,Inter,Arial,sans-serif;     background: radial-gradi...