選單
×
   ❮   
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-3.5 程式設計


使用 ChatGPT-3.5 編寫程式碼

使用 ChatGPT-3.5 編寫程式碼就像有一位經驗豐富的程式設計師在幫助你。

如果你知道如何提問,ChatGPT 可以為你節省大量編碼時間!


定義任務

在使用生成式 AI 幫助你之前,請為你的程式碼設定一個明確的目標。

示例目標

  • 建立一個特定的函式
  • 除錯現有程式碼

總的來說,在使用生成式 AI 時,清晰度和上下文很重要,但在使用它們編寫程式碼時,這一點更為重要!

例如,寫“建立一個計算到下一個星期六的天數和小時數的函式”,而不是“編寫程式碼查詢最近的星期六”。


選擇程式語言

為了更具體,請指定你需要的程式語言。

如果你不確定使用哪種程式語言,可以詢問 ChatGPT

示例

使用以下提示

我應該使用哪種程式語言來建立一個倒計時到下一個星期六的網頁?

ChatGPT-3.5 的響應可能是

現在我們可以進一步明確我們的任務:“建立一個 JavaScript 函式,計算到下一個星期六的天數和小時數。”


尋求 ChatGPT 的幫助

現在,我們可以使用 ChatGPT 來編寫我們的程式碼。

想象一下你有一個如下的網頁

示例

<!DOCTYPE html>
<html>
<body>

<h1>我的第一個網頁</h1>

<p>離週末還有 <span id="weekend_coundown"></span>!</p>

</body>
</html>
自己動手試一試 »

讓 ChatGPT 編寫程式碼

示例

使用以下提示

對於以下網頁
<!DOCTYPE html>
<html>
<body>

<h1>我的第一個網頁</h1>

<p>離週末還有 <span id="weekend_coundown"></span>!</p>

</body>
</html>

建立一個 JavaScript 函式,計算到下一個星期六的天數和小時數。

ChatGPT-3.5 的響應可能是

然後進行測試

示例

<!DOCTYPE html>
<html>
<body>

<h1>我的第一個網頁</h1>

<p>離週末還有 <span id="weekend_countdown"></span>!</p>

<script>
 // 計算倒計時的函式
 function countdown() {
  // 獲取當前日期
  var currentDate = new Date();
  
  // 找到下一個星期六
  var daysToSaturday = (6 - currentDate.getDay() + 7) % 7; // 到下一個星期六的天數
  var nextSaturday = new Date(currentDate.getFullYear(), currentDate.getMonth(), currentDate.getDate() + daysToSaturday);
  
  // 計算剩餘時間
  var timeRemaining = nextSaturday.getTime() - currentDate.getTime();
  var daysRemaining = Math.floor(timeRemaining / (1000 * 60 * 60 * 24));
  var hoursRemaining = Math.floor((timeRemaining % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
  
  // 在網頁上顯示倒計時
  var countdownElement = document.getElementById("weekend_countdown");
  countdownElement.innerHTML = daysRemaining + " 天和 " + hoursRemaining + " 小時";
 }
 
 // 頁面載入時呼叫 countdown 函式
 window.onload = function() {
  countdown();
 };
</script>

</body>
</html>
自己動手試一試 »

有效!


迭代和開發

你可以繼續與 ChatGPT 合作改進你的程式碼

示例

使用以下提示

如果今天是星期六,新增程式碼顯示“週末到了”,而不是倒計時。

ChatGPT-3.5 的響應可能是


×

聯絡銷售

如果您想將 W3Schools 服務用於教育機構、團隊或企業,請傳送電子郵件給我們
sales@w3schools.com

報告錯誤

如果您想報告錯誤,或想提出建議,請傳送電子郵件給我們
help@w3schools.com

W3Schools 經過最佳化,旨在方便學習和培訓。示例可能經過簡化,以提高閱讀和學習體驗。教程、參考資料和示例會不斷審查,以避免錯誤,但我們無法保證所有內容的完全正確性。使用 W3Schools 即表示您已閱讀並接受我們的使用條款Cookie 和隱私政策

版權所有 1999-2024 Refsnes Data。保留所有權利。W3Schools 由 W3.CSS 提供支援