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