اردو میں جدید کوڈنگ زبان ایچ ٹی ایم ایل ، سی ایس ایس اور جاوا اسکرپٹ کا یہ 34 لیچکچر ہے ۔ یہ لیکچر انتہائی آسان زبان اور آسانی سے سمجھ میں آنے والی کوڈنگ میں لکھا گیا ہے ۔ اس زبان کو ایک نو دس سال کا بچہ بھی آسانی سے سمجھ سکتا ہے ۔۔ تو آئیے شروع کرتے ہیں آج کا 34 لیکچر۔۔۔ جاوا اسکرپٹ کا جائزہ ۔ لیکچر 34
پچھلے لیکچرز کا جائزہ
اب تک ہم نے کیا سیکھا؟
- اریز
- آبجیکٹس
- کلاسز
- پرامسیز
- Async/Await
- APIs کے ساتھ کام کرنا
- خرابی ہینڈلنگ
- ماڈیولز
- ‘this’ کی ورڈ
مشق: ایک سادہ ٹوڈو لسٹ ایپلیکیشن بنائیں
جاوا اسکرپٹ کا استعمال کرتے ہوئے ایک ٹوڈو لسٹ ایپلیکیشن بنائیں جو صارفین کو آئٹمز شامل کرنے، حذف کرنے اور مکمل کرنے کی اجازت دیتی ہے۔
یہ کوڈ HTML فائل کے body سیکشن کے اندر لکھیں
<input type="text" id="todoInput" placeholder="نیا ٹوڈو شامل کریں">
<button onclick="addTodo()">شامل کریں</button>
<ul id="todoList"></ul>جاوا سکرپٹ کوڈ آپ head سیکشن اور body سیکشن کے آخر میں لکھیں
<script>
function addTodo() {
const todoInput = document.getElementById("todoInput");
const todoText = todoInput.value.trim();
if (todoText !== "") {
const todoList = document.getElementById("todoList");
const listItem = document.createElement("li");
listItem.textContent = todoText;
todoList.appendChild(listItem);
todoInput.value = "";
}
}
</script>مکمل کوڈ کی مثال
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content=" your website or article description here... ">
<title> Your website title here...</title>
</head>
<body>
<input type="text" id="todoInput" placeholder="نیا ٹوڈو شامل کریں">
<button onclick="addTodo()">شامل کریں</button>
<ul id="todoList"></ul>
<script>
function addTodo() {
const todoInput = document.getElementById("todoInput");
const todoText = todoInput.value.trim();
if (todoText !== "") {
const todoList = document.getElementById("todoList");
const listItem = document.createElement("li");
listItem.textContent = todoText;
todoList.appendChild(listItem);
todoInput.value = "";
}
}
</script>
</body>
</html>انگلش زبان میں لیکچر بلاگ پی کے پر دیکھیں
