You have surely seen endless examples of AI-generated text. It's usually good, clear, though mundane English, completely free of grammar and spelling errors. (That sometimes distinguishes it from student work.)

Get your chatbot to write a short essay (a few paragraphs at most) on some topic that intrigues you or that you think it will do well or badly on. You could take inspiration from what you did in the first lab.

Translation

Get your chatbot to translate the essay into another language, perhaps one that you speak natively or used / are using for your language requirement. Save that output, since you will have to include it.

Part 3: Generate a Table

Tables are rectangular arrays of cells that organize and display content on a web page.

Here's a table with two rows and three columns
Column 1	Column 2	Column 3

<table border=1>
<tr>
<td colspan=3>Here's a table with two rows and three columns</td>
</tr>
<tr>
<td>Column 1</td>
<td>Column 2</td>
<td>Column 3</td>
</tr>
</table>

Each table value is surrounded by <TD></TD> ("table data"). This creates a cell. Every row of cells is surrounded by <TR></TR> ("table row"). The whole thing is surrounded by <TABLE></TABLE>. The browser will count the number of rows and the number of columns in the longest row and make a table of the appropriate size. In the final table, every row will have as many columns as the longest row regardless of how many you typed in. Unspecified cells will be blank.

Generating Tables by Chat

As you can see, there's a great deal of finicky boilerplate to create even a simple table. That's exactly the kind of thing that a well-trained program should be able to do. Here's an example table, a hypothetical class schedule where I prompted Claude with the class numbers and meeting times free-form and nothing else:

• borders, of specified thickness, color, etc.
• spacing around cells and padding between border and contents
• widths of columns
• color of cells, text, etc.
• alignment of cell contents, e.g., centered, right-justified, etc.
• cells that span multiple rows and/or columns, like CLA 501 above
• headings, captions

Generate a table of your own

Ask your chat program to create an HTML display of your weekly schedule of classes, analogous to the one above, or if you prefer, something else of more complexity, like a sports or concert or assignment schedule, or exercise data, or anything that might go into a spreadsheet.
Alternatively, create a table where the chatbot provides the data as well as the formatting.
Use your imagination, but try to see what a chat program can do for you and where it goes awry.

Many of these effects are achieved by programs written in a programming language called Javascript and included in the HTML text of a web page. In this section, we'll explore a small amount of Javascript so you can add some of these effects (preferably only desirable ones) to your web page. Learning this much Javascript will also be helpful in later labs and problem sets.

You are not allowed to use chatbots for problem sets, but you might wonder how well they would do.

From time to time, a pset or exam asks students to estimate how many of some object would fit in a room of some size. For example, very roughly how many typical laptops could you fit in your dorm room if you ignored furniture, power cables, etc.?

      Do this estimate yourself first !!!

Pose the same question to your chatbot, and see how well it does.

Write a paragraph for each of sections 2 through 5 that discusses what you saw, learned, were surprised by, etc., in that section. We would also be grateful for any specific comments on how to improve this lab for next year's victims, so do say more if you like.

You can think of this as how you describe the experience to an interested friend or family member.

In case it wasn't obvious, write this yourself, not with a chatbot!

Submit a single web page called lab2.html that contains suitable headings for parts 1 through 6. Each section should have either a link to a generated image file (which is what I have done here) or actual inline HTML with generated contents. Do whatever is easiest for each section.

You can put your reflections all in one section at the end, or you can distribute them in the appropriate sections as you prefer.

The file containing the required work of the lab should be named lab2.html and should be saved in your cPanel public_html directory and thus accessible at

      https://your_netid.mycpanel.princeton.edu/lab2.html

Check your page to make sure that everything displays properly and that the page is fully accessible -- ask a friend to go through the whole page.

When you are sure that your page is displaying correctly, upload your lab2.html and any other files to Gradescope. That will tell us that you have finished the lab.

16:45 9/21: Uploading labs to Gradescope seems to be a nuisance, if it works at all. For now, save a copy of your lab2.html as a pdf, like lab2.html.pdf, and upload that. The main thing is to make sure your web page looks right on cPanel; the Gradescope upload is just to tell us that you think you're done.