Изменение фона тела Изображение при наведении мыши на текст с помощью JS

Question

В основном я пытаюсь с помощью JS изменить изображение тела, когда мышь наводит текст, в коде, который я показываю вам сейчас, я использовал строку, чтобы изменить цвет тела, но я не знаю синтаксиса, чтобы сделать его изменить изображение, поэтому я попытался написать строку для изображения, и я прокомментировал это, потому что я не знаю, если это правильно или нет, вот код с РАБОЧИМ изменением цвета при наведении мыши.

    <div class="row">
        <div class="col-xl-4 offset-xl-4 text-center">
            <p onmouseover="return bg1();"><a href="#" type="onmouseover" class="dimen">Sfondo 1</a></p>
            <p onmouseover="return bg2();"><a href="#" type="onmouseover" class="dimen">Sfondo 2</a></p>
            <p onmouseover="return bg3();"><a href="#" type="onmouseover" class="dimen">Sfondo 3</a></p>
            <p onmouseover="return bg4();"><a href="#" type="onmouseover" class="dimen">Sfondo 4</a></p>



        </div>
    </div>

</body>

<script>
    //  document.getElementById("bgchange").style.backgroundImage= url(../media/battimani.jpg);


    function bg1(){

        document.getElementById("bgchange").style.backgroundColor = "#66ff66";

    }

    function bg2(){

        document.getElementById("bgchange").style.backgroundColor = "#eb4034";

    }
    function bg3(){

        document.getElementById("bgchange").style.backgroundColor = "#ebde34";

    }

    function bg4(){

        document.getElementById("bgchange").style.backgroundColor = "#3440eb";

    }

</script>

скопировал только тело, можете ли вы сказать мне, как правильно написать первую закомментированную строку внутри скрипта? я хочу использовать это 4 разными способами, как 4 разных цвета, спасибо =)

ps: только начал изучать js в неделю go, поэтому мой уровень - базовый c базовый c

Answer 1

попробуйте это:

  document.getElementById("bgchange").style.backgroundImage = "url(../media/battimani.jpg)";