روش ساخت اینپوت در چاوااسکریپت

[seosaz]

سلام
من میخوام یک فیلد اینپوت درست بنویسم با جاوا اسکریپت کدش چی میشه کد زیر رو مینویسم قبول نمیکنه




var input = lyelink.createElement('input', { 'id': '_lye_url', 'type': 'text', 'value': lyelink_url, 'readonly': 'readonly', 'onclick': 'javascript:this.focus();this.select();', }); content.appendChild(input);



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



<input type="text" id="_lye_ur" value="lyelink_url">

[AriyaDownload]

سلام
خدمت شما:



const input = document.createElement('input');
input.id = '_lye_ur';
input.className = 'lyelink_url',
document.body.appendChild(input);

[seosaz]

واقعا دستتون درد نکنه

فقط یه مشکل دارم
وقتی از کد استفاده میکنم
اینپوت درست شده میره انتهای صفحه چکار کنم نره انتهای صفحه؟

مثلا یه فایل جی اس درست میکنم و توی یه صفحه اچ تی ام ال میذارم

قسمت اول گفته لینک:
پایینش باید اینپوت بیاد
ولی اینپوت میره ته صفحه بعد از متن های دیگه
چکار کنم ته صفحه نیاد؟

[AriyaDownload]

خواهش می‌کنم.
برای اینکه input توی مکان دلخواه در dom قرار بگیره، باید خط آخر کد رو تغییر بدید.
قبلش یک متغیر تعریف کنید که المنتی که می‌خوایید input ساخته شده در اون قرار بگیره رو باید تعریف کنید.
بعدش خط آخر رو تغییر بدید.
مثلا اگر می‌خواید input در المنتی که والدش کلاس test داره، قرار بگیره باید اینکار رو بکنید:


let test = document.querySelector('body .test');

const input = document.createElement('input');
input.id = '_lye_ur';
input.className = 'lyelink_url',

test.appendChild(input);

[seosaz]

دستتون درد نکنه
یعنی من هرجا بخوام از این کد استفاده کنم باید داخل اون یک کد با کلاس تست قرار بدم تا اینپوت روی اون نمایش داده بشه
ممنون

- - - Updated - - -

اگر کد من این باشه




let test = document.querySelector('body .test');const input = document.createElement('input');input.id = 'test';input.value = '<?php echo htmlspecialchars_decode($url); ?>'test.appendChild(input);

کد نمایش من باید چی باشه اینو میزنم کار نمیکنه

کد




<input type="text" class="test" id="test" >