ایجاد یک تگ درون یک تگ دیگر از طریق 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>';
}ثبت پرسش جدید
Alireza Karimpoor
@akarimeee656 سال پیشمطرح شد
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>