majidy
6 سال پیش توسط majidy مطرح شد
2 پاسخ

ایجاد یک تگ درون یک تگ دیگر از طریق 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>';
        }

ثبت پرسش جدید
SayeyeZohor
تخصص : برنامه نویس
@SayeyeZohor 5 سال پیش مطرح شد
Alireza Karimpoor
@akarimeee65 5 سال پیش آپدیت شد
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>

برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام