💻 Full Working Code
📁 index.html
<!DOCTYPE html>
<html lang="sw">
<head>
<meta charset="UTF-8">
<title>Promises na Async/Await - Faulink</title>
<style>
body { font-family: Arial; text-align: center; padding: 40px; background: #f5f6fa; }
button { padding: 10px 20px; background: #0099ff; color: white; border: none; border-radius: 5px; cursor: pointer; }
#result { margin-top: 20px; font-size: 20px; }
</style>
</head>
<body>
<h2>⚙️ Jinsi ya Kutumia Promises na Async/Await</h2>
<button id="loadBtn">Pata Data</button>
<div id="result">Hakuna data bado...</div>
<script>
function pataData() {
return new Promise((resolve, reject) => {
setTimeout(() => {
resolve("✅ Data imepokelewa kwa mafanikio!");
}, 2000);
});
}
async function onClick() {
document.getElementById("result").innerText = "⏳ Inapakia data...";
const msg = await pataData();
document.getElementById("result").innerText = msg;
}
document.getElementById("loadBtn").addEventListener("click", onClick);
</script>
</body>
</html>
________________________________________
🎥 YouTube Description
Promises na Async/Await ni njia bora za kushughulika na asynchronous operations kama AJAX, API requests, au delays.
Katika somo hili, utajifunza jinsi ya kuunda Promise na kuitumia kwa async na await ili kufanya code yako iwe safi zaidi.
💡 Huu ni msingi muhimu kabla ya kujenga mifumo ya kisasa ya web na API calls.
🔔 Subscribe kwenye Faulink Channel kwa masomo zaidi ya JavaScript na PHP.
________________________________________
🏷️ Hashtags
#Promises #AsyncAwait #JavaScript #Faulink #Coding #WebDevelopment #LearnCoding #FrontendDevelopment