Estoy practicando para capturar una captura de pantalla de la página web usando api.
Quiero cambiar el img src, en el botón haga clic.
El código es el siguiente:
<section> <div class="urldiv"> <label for="Url">Url</label>. <br> <input type="text" name="Url" id="input" value="" /> </div> <div class="ss"> <img id="sh" src="https://api.screenshotmachine.com?key=c04d3a&url=screenshotmachine.com&dimension=1024x768"/> </div> <button onclick="changeimg()">Capture</button> </section>Y esto es JavaScript:
<script type="text/javascript" charset="utf-8"> var url = document.getElementById("input").value; function changeimg() { document.getElementById("screenshot").src = "https://api.screenshotmachine.com?key=c04d3a&url=" + url + "&dimension=1024x768"; } </script>Debe obtener el valor de entrada dentro de la función y la identificación de img no es una sh de screenshot
ahora es trabajo
const input = document.getElementById("input"); function changeimg() { document.getElementById("sh").src = "https://api.screenshotmachine.com?key=c04d3a&url=" + input.value + "&dimension=1024x768"; } <section> <div class="urldiv"> <label for="Url">Url</label>. <br> <input type="text" name="Url" id="input" value="" /> <button onclick="changeimg()">Capture</button> </div> <div class="ss"> <img id="sh" src="https://api.screenshotmachine.com?key=c04d3a&url=screenshotmachine.com&dimension=1024x768"/> </div> </section>