I'm struggling to find a way to use jQuery to add a background image URL to my CSS. Everything I've attempted so far has been unsuccessful.
let button = document.querySelector('form button.btn')
button.addEventListener('click', () => {
$(".img").css("background", "url('/images/Codax.jpg')");
})div.img {
height: 450px;
width: 350px;
background-color: #fff;
-webkit-box-shadow: 7px 1px 15px 0px rgba(0, 0, 0, 0.55);
-moz-box-shadow: 7px 1px 15px 0px rgba(0, 0, 0, 0.55);
box-shadow: 7px 1px 15px 0px rgba(0, 0, 0, 0.55);
background: url('');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
border-radius: 5px;
}<div class="perfil-img">
<div class="img">
</div>
</div>
<form>
<button type="button" class="btn">Salvar</button>
</form>EDIT
Follow: In the link is the directories used in the project. Folders
This Html is called from a FetchContent. The desire is to add the image in html that FetchContent calls.
<li class="nav-item">
<a class="nav-link" href="#" a-view="infoPessoal" onclick="fetchContent(this)" a-folder="administrativo">
<i class="fas fa-user-tag"></i>
<!-- Icones -->
Pesssoal
</a>
</li>