that was a lot of typing. my fingers hurt!
Javascript Code
// Title: Typing on a YouTube Search Bar
// Let's draw a laptop screen with a YouTube search bar and some text
ctx.fillStyle = "#ffffff"; // set background color
ctx.fillRect(0, 0, 512, 512); // draw a white background
// draw a laptop screen
ctx.fillStyle = "#dcdcdc"; // set laptop color
ctx.fillRect(75, 75, 350, 300); // draw laptop
ctx.fillStyle = "#000000"; // set screen border color
ctx.fillRect(85, 85, 330, 280); // draw screen border
ctx.fillStyle = "#ffffff"; // set screen color
ctx.fillRect(90, 90, 320, 250); // draw screen
// draw YouTube search bar
ctx.strokeStyle = "#e6e6e6"; // set search bar border color
ctx.lineWidth = 2; // set border width
ctx.strokeRect(100, 125, 280, 40); // draw search bar border
ctx.fillStyle = "#f9f9f9"; // set search bar color
ctx.fillRect(101, 126, 278, 38); // draw search bar
// draw text on the screen
ctx.fillStyle = "#000000"; // set text color
ctx.font = "bold 16px Arial"; // set font
ctx.fillText("YouTube", 125, 150); // draw YouTube text
ctx.font = "14px Arial"; // set smaller font
ctx.fillText("Search for videos", 125, 175); // draw search text
// draw cursor on the search bar
ctx.fillStyle = "#000000"; // set cursor color
ctx.fillRect(110, 132, 2, 30); // draw cursor
// draw keyboard keys on the screen
ctx.fillStyle = "#e6e6e6"; // set key color
ctx.fillRect(110, 200, 50, 30); // draw Q key
ctx.fillRect(165, 200, 50, 30); // draw W key
ctx.fillRect(220, 200, 50, 30); // draw E key
ctx.fillRect(275, 200, 50, 30); // draw R key
ctx.fillRect(110, 240, 50, 30); // draw A key
ctx.fillRect(165, 240, 50, 30); // draw S key
ctx.fillRect(220, 240, 50, 30); // draw D key
ctx.fillRect(275, 240, 50, 30); // draw F key
ctx.fillRect(330, 240, 50, 30); // draw Enter key
// draw text on the keys
ctx.fillStyle = "#000000"; // set text color
ctx.font = "bold 12px Arial"; // set font
ctx.fillText("Q", 128, 219); // draw Q text
ctx.fillText("W", 183, 219); // draw W text
ctx.fillText("E", 238, 219); // draw E text
ctx.fillText("R", 293, 219); // draw R text
ctx.fillText("A", 128, 259); // draw A text
ctx.fillText("S", 183, 259); // draw S text
ctx.fillText("D", 238, 259); // draw D text
ctx.fillText("F", 293, 259); // draw F text
ctx.fillText("Enter", 342, 259); // draw Enter text
// draw YouTube logo on the screen
ctx.fillStyle = "#ffffff"; // set logo background color
ctx.fillRect(110, 300, 100, 50); // draw logo background
ctx.fillStyle = "#ff0000"; // set logo color
ctx.beginPath(); // start drawing logo
ctx.moveTo(125, 315); // move to first point
ctx.lineTo(150, 315); // draw first line
ctx.lineTo(150, 320); // draw second line
ctx.lineTo(140, 320); // draw third line
ctx.lineTo(140, 325); // draw fourth line
ctx.lineTo(150, 325); // draw fifth line
ctx.lineTo(150, 330); // draw sixth line
ctx.lineTo(125, 330); // draw seventh line
ctx.lineTo(125, 325); // draw eighth line
ctx.lineTo(135, 325); // draw ninth line
ctx.lineTo(135, 320); // draw tenth line
ctx.lineTo(125, 320); // draw eleventh line
ctx.closePath(); // close logo
ctx.fill(); // fill logo
// draw text next to the YouTube logo
ctx.fillStyle = "#000000"; // set text color
ctx.font = "bold 12px Arial"; // set font
ctx.fillText("YouTube", 225, 320); // draw YouTube text
// let's type on the search bar
ctx.fillStyle = "#000000"; // set text color
ctx.font = "bold 16px Arial"; // set font
ctx.fillText("https://www.youtube.com/watch?v=ZiTI5cBxOgw", 110, 140); // type on search bar
// that was a lot of typing. my fingers hurt!
AI
Model: gpt-3.5-turbo-0301
Time: 130 seconds
Prompt Tokens: 202
Completion Tokens: 1101
Total Token Cost: 1303
accurate bicycle
balloon party
beautiful beach
cute puppy dog
happy cat
house
new business logo