Creating a Webpage With ChatGPT Free ChatGPT Prompt

Creating a Webpage With ChatGPT

Programming and Data

pvb

4.5

Description

This is the site we’ll be making with ChatGPT: https://everydayswag.org/day100/ It basically displays the percentage of the day, for example by 12 PM it's 50%.

Prompt Details

[Copy Prompt]

“Start with the prompt:
Create a webpage using HTML, CSS, and javascript to display a clock in the center that shows the time of day calculated as a percentage of the 24-hour time
And after a few tries of copy+pasting the generated code back into ChatGPT with a few alterations, landed on this prompt to generate the HTML, CSS, and javascript
[The following code describes a webpage using HTML, javascript, and CSS, that displays an analog-style clock along with the time and the percent of the day. Update the code so it is displayed in the style of a digital alarm clock and instead of displaying the time and percent, just display the percent on the digital clock face.”

After using, you will have the right to edit the reminder to create your own version.

Update: 10.03.2023 08:46:37

Comments

Prompt Details

Engine

text-davinci-003

Token size / call

831

Average cost / call

$0.0006

*Important, please read*

In the reminder, you will find places marked with two brackets "[]" or "<>", where you will replace the input information with similar content, and then delete the brackets after your content has been replaced.

The output content example returned from the A.P.I will therefore be shorter and less expressive than when you use live chat with GPT.

Example Input

None

Example Output

Updatting