<!DOCTYPE html>
<html lang="ar">

<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
إضافة ?id= بعد الكلمات <title>إضافة ?id= بعد الكلمات</title>


أدخل الكلمات هنا (افصلها بمسافة):



<button onclick="addIdToWords()">عرض النتيجة</button>

النتيجة:


<ul id="resultList"></ul>

<script>
function addIdToWords() {
// الحصول على النص المدخل في حقل الإدخال
const inputText = document.getElementById('inputField').value;

// تقسيم النص إلى كلمات بناءً على المسافة
const words = inputText.split(' ');

// الحصول على العنصر الذي سيعرض النتيجة
const resultList = document.getElementById('resultList');

// مسح النتيجة السابقة
resultList.innerHTML = '';

// إضافة كل كلمة مع الرابط الذي يحتوي على ?id=
words.forEach((word, index) => {
const listItem = document.createElement('li');
listItem.innerHTML = `${word} <a href="?id=${index + 1}">?id=${index + 1}</a>`;
resultList.appendChild(listItem);
});
}
</script>