0

Quiero añadir un background image usando un link que cualquier persona puede pegar en el input, no logro saber por qué no me está funcionando el script o qué más debo de añadir para que funcione

function load(){
    var img = document.getElementById("link").value;
    document.getElementById("background").style.backgroundImg = img;
body{
    margin: 0;
}
.back{
    height: 200px;
    background-color: #000;
    background-size: cover;
    background-repeat: no-repeat;
}
<div id="background" class="back">
    <input id="link" type="text" placeholder="pegar link">
    <button onclick="load()">Añadir</button>
</div>

1 respuesta 1

2

backgroundImg no existe. Tienes que utilizar backgroundImage. Además en CSS utilizamos background-image: url("laImagen.jpg"); y no background-image:laImagen.jpg;

function load(){
    var img = document.getElementById("link").value;
    document.getElementById("background").style.backgroundImage = `url(${img})`;
}
body{
    margin: 0;
}
.back{
    height: 200px;
    background-color: #000;
    background-size: cover;
    background-repeat: no-repeat;
}
<div id="background" class="back">
    <input id="link" type="text" placeholder="pegar link">
    <button onclick="load()">Añadir</button>
</div>

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.