Training · Download a year of statements

Final answer Open Skybots Bank

Skybots Bank exercise

Download a year of statements in one click

Twelve statements over two pages, by hand, every January. Today you'll get ChatGPT to write a bookmarklet: a button on your bookmarks bar that does it all.

  1. Click your bookmark on the eDocuments page.
  2. It works through every page by itself.
  3. All 12 statements, saved to your computer.

You don't need to know any JavaScript: ChatGPT writes it. Your part is describing the job well, and checking the result.

Move with ← → or the buttons below. Hover an animation to pause it or drag its timeline, and press R to replay it.

What you need

Three things, and you're ready.

  1. Chrome, with the bookmarks bar showing. Press Ctrl + Shift + B, or ⌘ + Shift + B on a Mac.
  2. A free ChatGPT account at chatgpt.com. Claude, at claude.ai, works too.
  3. The Skybots Bank login. Your trainer gives it to you in class.

Nothing here is real. The bank, the customer and every statement are made up, so there is nothing you can break.

Do it once by hand

You can't automate a job you haven't watched. Do it once on eDocuments, and notice three things.

  1. Choose 2025. The list reloads.
  2. Download one. It takes a moment to arrive.
  3. Go to page 2. Only six fit on a page.

Those three things are exactly what trip a script up, so they go straight into your prompt.

Copy the page for ChatGPT

ChatGPT can't see your screen. Copy the page's HTML, the code behind it, so ChatGPT knows what everything is called.

  1. Right-click the page, then Inspect.
  2. Right-click the top line, <html lang="en">.
  3. Copy, then Copy outerHTML.

On a real site, the HTML holds whatever is on the screen: names, account numbers, balances. Follow your firm's rules before pasting it into a chatbot, and blank out anything confidential.

Write your prompt

Paste the prompt into chatgpt.com, put the page's HTML over its last line, and send.

  1. Paste the prompt below into the message box.
  2. Paste the page's HTML over its last line.
  3. Send it.
  4. Copy the one line ChatGPT gives back.
Your prompt 
Write me a bookmarklet for Google Chrome.

THE PAGE
The eDocuments page of Skybots Bank, a practice banking website for training. It lists my monthly bank statements. Its HTML is at the end of this message.

THE JOB
Download every statement for one year.
- The year dropdown changes the list. The list takes about a second to reload.
- Only 6 statements fit on a page. There are page buttons at the bottom.
- Each statement has a Download button. The file takes about a second to arrive.

WHAT I WANT
- When I click the bookmark, a small panel opens in the top-right corner. I can drag it by its title bar, and I can still use the page behind it.
- The panel has a button for each year in the year dropdown, and a Download button.
- While it works, the panel shows what it is doing, like "Downloading 5 of 12", with a progress bar.
- At the end it shows how many statements it downloaded, and a Close button.
- Make it look clean and modern: a white card with rounded corners and a soft shadow.

RULES
- Don't use alert, confirm or prompt. Everything happens in the panel.
- Only use the year dropdown, the page buttons and the downloads. Don't click anything else.
- Give me the whole bookmarklet as ONE line starting with javascript: so I can paste it into a bookmark. Use semicolons, and no // comments.

THE PAGE'S HTML
[paste the page's HTML here]

Why the prompt works

Each of its five parts answers something ChatGPT would otherwise have to guess.

THE PAGEWhat the page is

ChatGPT can't see your screen

THE JOBWhat you noticed by hand

The reload, six a page, the slow file

WHAT I WANTThe result, down to the panel

Vague asks get plain pop-up boxes

RULESWhat it must never do

A bookmark only holds one line

THE PAGE'S HTMLThe page itself

The real names of everything

The same five parts work for any website

Leave a part out and ChatGPT will guess, usually wrong. Only the details change from one website to the next.

Make the bookmark

ChatGPT replies with one long line starting with javascript:. That line is your bookmarklet.

  1. Show the bookmarks bar: Ctrl + Shift + B, or ⌘ + Shift + B on a Mac.
  2. Right-click the bookmarks bar, then Add page.
  3. Name it Download statements.
  4. Paste the line into URL.
  5. Save. It's on your bar.

A new version from ChatGPT goes into the same bookmark: right-click it, choose Edit, and paste over the old line. The address bar won't work, because Chrome strips the javascript: off.

Run it

Back on eDocuments, click your new bookmark and let it work.

  1. Click your bookmark. Your panel opens.
  2. Pick 2025, then Download.
  3. Chrome asks about multiple files: choose Allow.
  4. Watch it finish, both pages, then open Downloads.

Fix it with ChatGPT

It rarely works first time, and that's normal. Go round the loop until it does.

The fix-it prompt 
It didn't work. This is what happened:
[what you saw: no panel / nothing happened / only 6 files / the wrong year]

This is the red error from the Console:
[paste the error here, or write "no error"]

Please fix it and give me the whole bookmarklet again, as one line.
  • To find the error, press F12, click Console, click your bookmark again, and copy any red text.
  • Only one file arrived? Chrome blocked the rest. Click the blocked download icon at the right of the address bar, choose Always allow, and run it again.

Check your work

Finishing isn't the same as being right. Open the files and look.

Try next

One upgrade worth asking ChatGPT for, then take it to work.

Ask ChatGPT to improve it

  • One ZIP instead of twelve files, named with the year.

Use it at work

  • The same five parts work on any site you use: the page, the job, what you want, the rules, and the HTML.
  • Start with something that only downloads, like reports, before anything that submits or changes data.

The final answer

If you're stuck, your bookmarklet doesn't work, or you want to compare answers, click the button below to view the final answer.

  • Stuck?
  • Doesn't work?
  • Want to compare?
View the final answer

It opens in a new tab, so these steps stay open here.

Ours takes a shortcut, so it won't look like yours: it reads the statement list the page has already loaded instead of clicking through the pages, and it can pack everything into one ZIP with a summary of the balances.