Estou fazendo um site onde terá como fundo uma foto do Heisenberg dizendo "Say My Name" com um input do tipo text no meio da tela e quando o usuario digitar Heisenberg o background irá mudar para uma foto dele dizendo You Goddam right, porém não estou conseguindo, como faço isso usando JQuery?
$("#SayMyName").focusout( function(){
var SayMyName = $("#SayMyName").val();
if (SayMyName == "Heisenberg") {
$("body").css("background-image", "url(/myimage.jpg)");
}
else {
SayMyName = " "
}
});
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<title>Document</title>
</head>
<body>
<form action="">
<input type="text" id="SayMyName" name="SayMyName">
<input type="submit" value="submit">
</form>
</body>
</html>
url()
é uma função que espera receber uma string com o path e ela está recebendo algo que não é uma string, o certo seria usar aspas simples ali"url('/myimage.jpg')"
isso inicialmente, depois tem que conferir se o path está correto.