Menu
×
   ❮   
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY EXCEL XML DJANGO NUMPY PANDAS NODEJS R TYPESCRIPT ANGULAR GIT POSTGRESQL MONGODB ASP AI GO KOTLIN SASS VUE DSA GEN AI SCIPY AWS CYBERSECURITY DATA SCIENCE
     ❯   

ChatGPT-4 Coding


Using ChatGPT-4 to Write Code

Using ChatGPT-4 to write code is like having an experienced programmer helping you.

ChatGPT can save you a lot of time coding if you know how to ask!


Define the Task

Before using Generative AI to help you, set a clear goal for your code.

Example goals:

  • Create a specific function
  • Debug existing code

In general, clarity and context are important when using Generative AIs, but when using them to write code, it is even more important!

For example, write, "Create a function that counts down the number of days and hours until the next Saturday." instead of "Make code to find the closest Saturday"


Choose a Programming Language

To get even more specific, specify the programming language you need.

If you are unsure of which programming language to use, you can ask ChatGPT:

Example

With the following prompt:

Which programming language should I use to create a countdown to the next Saturday for a web page?

A response from ChatGPT-4 could be:

Now we can further clarify our task to: "Create a JavaScript function that counts down the number of days and hours until the next Saturday."


Ask ChatGPT for Help

Now, we can use ChatGPT to write our code.

Imagine you have the following web page:

Example

<!DOCTYPE html>
<html>
<body>

<h1>My First Web Page</h1>

<p>The weekend is only <span id="weekend_coundown"></span>from now!</p>

</body>
</html>
Try it Yourself »

Ask ChatGPT to write the code:

Example

With the following prompt:

For the following web page:
<!DOCTYPE html>
<html>
<body>

<h1>My First Web Page</h1>

<p>The weekend is only <span id="weekend_coundown"></span>from now!</p>

</body>
</html>

Create a JavaScript function that counts down the number of days and hours until the next Saturday.

A response from ChatGPT-4 could be:

Then test it:

Example

<!DOCTYPE html>
<html>
<body>

<h1>My First Web Page</h1>

<p>The weekend is only <span id="weekend_coundown"></span> from now!</p>

<script>
function countdownToSaturday() {
  var now = new Date();
  var dayOfWeek = now.getDay(); //0-6 where 0 is Sunday, 6 is Saturday
  var daysToSaturday = (dayOfWeek < 6) ? (6 - dayOfWeek) : 0; // if it's already Saturday, no days remain
  
  var currentHour = now.getHours();
  var hoursToSaturday = 0;
  
  // If it's not Saturday or if it's Saturday but before 12:00 (noon),
  // consider the remaining hours to Saturday noon
  if (daysToSaturday > 0 || (daysToSaturday === 0 && currentHour < 12)) {
    hoursToSaturday = (24 - currentHour + 12) % 24;
  }
  
  var days = daysToSaturday > 0 ? daysToSaturday + " day(s), " : "";
  var hours = hoursToSaturday > 0 ? hoursToSaturday + " hour(s)" : "";
  
  // if it's Saturday and past 12:00 (noon), the countdown should return 0.
  if (daysToSaturday === 0 && currentHour >= 12) {
    days = "";
    hours = "0 hours";
  }
  
  document.getElementById('weekend_coundown').innerText = days + hours;
}

countdownToSaturday();
setInterval(countdownToSaturday, 1000 * 60 * 60); // update the countdown every hour
</script>

</body>
</html>
Try it Yourself »

It works!


Iterate and Develop

You can keep working with ChatGPT to improve your code:

Example

With the following prompt:

Add code to display "The Weekend has landed" instead of the countdown if the day is Saturday

A response from ChatGPT-4 could be:


×

Contact Sales

If you want to use W3Schools services as an educational institution, team or enterprise, send us an e-mail:
sales@w3schools.com

Report Error

If you want to report an error, or if you want to make a suggestion, send us an e-mail:
help@w3schools.com

W3Schools is optimized for learning and training. Examples might be simplified to improve reading and learning. Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full correctness of all content. While using W3Schools, you agree to have read and accepted our terms of use, cookie and privacy policy.

Copyright 1999-2024 by Refsnes Data. All Rights Reserved. W3Schools is Powered by W3.CSS.