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 的響應可能是
