Este es muy complicado y no puedo imaginar cómo resolverlo... La solicitud fue "Haga doble clic en la imagen, luego obtiene el nombre de la imagen en el campo de texto. Allí puede cambiar el nombre y guardarlo con el botón. También hay otro botón que hizo clic en eliminar la imagen".
En este momento no tengo mucho, es solo una suposición de cómo debería verse ...
function rodytiViduryje(pav){ var paveikslas=document.getElementById("jap"); paveikslas.src=pav.src; var aprasymas=document.getElementById("apr"); aprasymas.value=pav.title; lastph=pav; } function keistiAprasyma(){ var NA=document.getElementById("apr"); lastph.title=NA.value; } function trintiPaveiskla(){ lastph.remove(); } <div class="ketvirtas"> <!-- THIS PICTURE --> <img id="jap" src="https://media.cntraveler.com/photos/60596b398f4452dac88c59f8/16:9/w_3999,h_2249,c_limit/MtFuji-GettyImages-959111140.jpg" alt=japonija class="b" style="width:780px;height:480px"> </div> <div class="penktas"> <div class="aprasymas"> <!-- Buttons--> <label for="tekstas"> <b>Paveikslo aprasymas</b> </label><br/> <input type="text" id="apr" /> <button id="saugoti" onclick="keistiAprasyma()">Išsaugoti aprašymą</button><br/> <br> <button onclick="trintiPaveiksla()">Trinti iš galerijos</button><br/> </div> </div>¡Por favor comparta sus ideas! :)
JS podría ser algo como esto (también hizo pequeños cambios en HTML):
document.addEventListener("DOMContentLoaded", function(event) { let img = document.querySelector('#jap'); let descriptionInput = document.querySelector('#apr'); let saveButton = document.querySelector('#saugoti'); let deleteButton = document.querySelector('#trinti'); img.addEventListener('dblclick', function (e){ console.log descriptionInput.value = this.alt; }); saveButton.addEventListener('click', function(){ img.alt = descriptionInput.value; }); deleteButton.addEventListener('click', function(){ img.remove(); }); }); <div class="ketvirtas"> <!-- THIS PICTURE --> <img id="jap" src="https://media.cntraveler.com/photos/60596b398f4452dac88c59f8/16:9/w_3999,h_2249,c_limit/MtFuji-GettyImages-959111140.jpg" alt="japonija" class="b" style="width:780px;height:480px" /> </div> <div class="penktas"> <div class="aprasymas"> <!-- Buttons--> <label for="tekstas"> <b>Paveikslo aprasymas</b> </label><br/> <input type="text" id="apr" /> <button id="saugoti">Išsaugoti aprašymą</button><br/> <br> <button id="trinti">Trinti iš galerijos</button><br/> </div> </div>Mi consejo para futuros esfuerzos: escale sus tareas a tareas más pequeñas. Esto le dará resultados más válidos. También podrá aprender mientras combina esas múltiples soluciones con la que necesita. Es decir, sus búsquedas para esta tarea podrían ser: