ایجاد یک تگ درون یک تگ دیگر از طریق onclick
سلام
من میخوام با کلیک روی دکمه plus درون تگ با آیدی names تگی با آیدی person ایجاد بشه همونطور که توی کدهام معلومه.اما مشکلم اینجاست که میخوام این تگ با آیدی person محتوای ثابت نداشته باشه و محتوای متغیر person که قبلا تعریف کردم درونش قرار بگیره. لطفا بهم بگید کجای کارم اشتباهه و چجوری با روش درست می تونم این کار رو انجام بدم. پیشاپیش ممنونم
document.getElementById('plus').onclick=function()
var person = document.getElementById('person').value;
document.getElementById('names').innerHTML = document.getElementById('names').innerHTML +
'<div class="person">' . person . '<img src="pics/trash.svg" alt="" class="icon"><img src="pics/pen1.svg" alt="" class="icon"></div>';
}گزینش سوالات
گفت و گو های مرتبط
دسته بندی سوالات
تگ‌های محبوب
ثبت پرسش جدید
![user-avatar]()
گزارش تخلف
کپی کردن
Alireza Karimpoor
@akarimeee65
4 سال پیش
آپدیت شد
گزارش تخلف
کپی کردن
0
هر چند فکر کنم سوال رو به پیچیده ترین و بدترین شکل ممکن مطرح کردید ولی این کدها فکر کنم کارتون رو راه بندازه
تو Html اینها رو داریم
<div>
<input type="text" id="person" value="Person">
</div>
<div>
<input type="button" value="Click" id="create">
</div>
<div>
<ul id="names">
</ul>
</div>و در قسمت جاوا اسکریپت هم این کدها رو
<script>
var person = document.getElementById('person').value;
document.getElementById("create").onclick = function () {
var ok = true;
if (ok === true) {
var appendElement = document.createElement('li');
document.getElementById('names').appendChild(appendElement).append(person);
}
};
</script>