Я хотел бы разрешить ввод изображения через форму ввода (так же, как ввод текста) - с помощью onlcik. Ввод текста работает нормально и отображает то, что мне нужно, но когда я пытаюсь опубликовать изображение, я вижу только [объект HTMLUnknownElemenT]. Изменение атрибута не работает, ни .appendChild, ни ... Кто-нибудь может указать, что я делаю неправильно или что-то упустил, или что-то не так? Вот что я пытаюсь реализовать:
const myPhotoInput = document.createElement('myPhotoInput');
myPhotoInput.setAttribute("file", "image");
const buttonPhoto = document.getElementById('buttonPhoto');
buttonPhoto.addEventListener("click", () => {
newPost.insertAdjacentHTML('beforebegin', myPhotoInput);
myPhotoInput.style = "height: 50%";
});
<div class="posting__container">
<input type="file" id="myPhotoInput" accept="image">
<button id="buttonPhoto">Attach a picture to comment</button>
</div>