حل شده
ایجاد یک تگ درون یک تگ دیگر از طریق 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>';
}
ثبت پرسش جدید
پاسخها
2بهترین پاسخ
هر چند فکر کنم سوال رو به پیچیده ترین و بدترین شکل ممکن مطرح کردید ولی این کدها فکر کنم کارتون رو راه بندازه
تو 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>
گفتگوهای مرتبط
شاید پاسخ شما همینجا باشد