I’m trying to use a script variable as a background image source for a body element in HTML, but no solution on the internet has worked.
<script>
#Some conditions and variables that form the final variable
var backimage = 'images/' + image + '.jpg'
</script>
<style>
body {
background: url(#backimage varable here) no-repeat center center fixed;
background-size: cover;
...
I tried using code like this
Script:
window.onload = function() {
document.getElementById('paragraph').style.background = 'url('+iimage+')';
HTML:
background: <p id="paragraph"></p> no-repeat center center fixed;
But this does not give any results.
How i can use backimage variable correctly?