ChatGPT-4 編碼
使用 ChatGPT-4 編寫程式碼
使用 ChatGPT-4 編寫程式碼就像有經驗的程式設計師在幫助您一樣。
如果您知道如何提問，ChatGPT 可以為您節省大量編碼時間！
定義任務
在使用生成式 AI 幫助您之前，請為您的程式碼設定一個明確的目標。
示例目標
- 建立特定函式
- 除錯現有程式碼
總的來說，在使用生成式 AI 時，清晰和上下文很重要，但在使用它們編寫程式碼時，這一點更為重要！
例如，請寫“建立一個函式來計算距離下一個星期六的天數和小時數”，而不是“編寫程式碼查詢最近的星期六”
選擇程式語言
為了更具體，請指定您需要的程式語言。
如果您不確定使用哪種程式語言，可以詢問 ChatGPT
示例
使用以下提示
我應該使用哪種程式語言為網頁建立一個倒計時到下一個星期六？
ChatGPT-4 的響應可能是
現在我們可以進一步細化我們的任務：“建立一個 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-4 的響應可能是
然後進行測試
示例
<!DOCTYPE html>
<html>
<body>
<h1>我的第一個網頁</h1>
<p>距離週末還有 <span id="weekend_coundown"></span>！</p>
<script>
function countdownToSaturday() {
var now = new Date();
var dayOfWeek = now.getDay(); // 0-6，其中 0 是星期日，6 是星期六
var daysToSaturday = (dayOfWeek < 6) ? (6 - dayOfWeek) : 0; // 如果已經是星期六，則剩餘天數為 0
var currentHour = now.getHours();
var hoursToSaturday = 0;
// 如果不是星期六，或者即使是星期六但時間在中午 12 點之前，
// 則考慮距離星期六中午剩餘的小時數
if (daysToSaturday > 0 || (daysToSaturday === 0 && currentHour < 12)) {
hoursToSaturday = (24 - currentHour + 12) % 24;
}
var days = daysToSaturday > 0 ? daysToSaturday + " 天, " : "";
var hours = hoursToSaturday > 0 ? hoursToSaturday + " 小時" : "";
// 如果是星期六且時間在中午 12 點之後，倒計時應返回 0。
if (daysToSaturday === 0 && currentHour >= 12) {
days = "";
hours = "0 小時";
}
document.getElementById('weekend_coundown').innerText = days + hours;
}
countdownToSaturday();
setInterval(countdownToSaturday, 1000 * 60 * 60); // 每小時更新一次倒計時
</script>
</body>
</html>
自己動手試一試 »
有效！
迭代和開發
您可以繼續與 ChatGPT 合作改進您的程式碼
示例
使用以下提示
如果今天是星期六，則新增程式碼以顯示“週末已至”，而不是倒計時
ChatGPT-4 的響應可能是
