ChatGTP generated website


My idea for my English project was to make a website about the Shakespeare play Macbeth only using a AI program called ChatGTP.

I decided to give ChatGTP a simple prompt to see if it undstood how to write code. The below statment is what I inputted to see if my idea worked.

"code a html/js website that describes the shakespeare play macbeth"


Once I saw that ChatGTP could write basic code I decided to give it a more complex task with more guidlines.

Below is the next prompts I inputted and the result I got:

"Code a HTML/JavaScript website about the Shakespeare play Macbeth that utilizes different pages/links. Include hyperlinks that site the facts listed about scenes in the play similar to the way Wikipedia sites facts. Color theme should loosely be dark red, dark green, white, and black with yellow highlights. Keep the background dark gray when applicable. Include footer that expands into a section for comments about the website. Make a side box that can contract and contains a couple of highly detailed facts/thoughts about the themes of the story. The main section on the homepage of the website should summarize the play Macbeth in the writing style of Shakespeare. "


I noticed that the website only displayed properly on a chromebook if you had it in full screen.

ChatGTP also made links but didn't provide any code to display.

I decided to have ChatGTP improve on the website by asking it "Make it better".

This is the result:



The website looked good so far but as I tryed to keep the same look and just improve the usability of the website ChatGTP couldn't understand what I was telling it to do.

I think in the future ChatGTP will be able to know how to code full websites with lots of functionality for people that don't have any coding experience but at the stage it's at right now it can only manage to make simple websites.

Right now ChatGTP is a stage were it can build simple single page websites with the possability of cool design features if you are willing to go through lots of trial and error.

Currently from what I tested ChatGTP is only outputing basic HTML, CSS and JavaScript. It seems to try doing more then what you asked sometimes but it messes up the code and makes it unusable or ChatGTP just doesn't finish generating. In this project I tried to not edit any code that ChatGTP outputted (I was forced to edit some linking to make the CSS files work but that is to be expected because I used a non standard way of naming my files.)

For now ChatGTP writes code poorly but I think this will change in the near future.