Использование Mouseover для отправки пользователю новой страницы

Question

Итак, для задания мне нужно описать изображения для пользователя. То, как инструктор хочет это сделать, мне нужно использовать метод «mouseover» javascript, чтобы отправить пользователя на страницу, описывающую изображение.

Это то, что у меня есть до сих пор, но я не могу заставить его работать.

<div class="image1"> 
<img id="solomid" src="Team_SoloMid.png" alt="Team Solomid Logo" style="width:300px;height:228px"> 
</div> 


<script type="text/javascript"> 
document.getElementbyId("solomid").addEventListener("mouseover", Mouseover); 

function Mouseover(){ 
window.location = "https://en.wikipedia.org/wiki/Team_SoloMid"; 
} 
Mouseover(); 
</script> 

Может кто мне помочь? У меня есть несколько вариантов этого, но я никогда не могу заставить наведение мыши перенаправить пользователя на страницу. И да, страница о Лиге, написание программ о вещах, которые мне интересны, помогает разбить монотонность.

Answer 1

document.getElementbyId Не является функцией. «B» в «по» должен быть капитализирован. Также удалите строку Mouseover();, чтобы пользователи не сразу перенаправлялись.

Answer 2

Вы можете сделать так ..

<div class="image1"> 
     <img id="solomid" onMouseOver="document.location.href='https://en.wikipedia.org/wiki/Team_SoloMid'" src="Team_SoloMid.png" alt="Team Solomid Logo" style="width:300px;height:228px"> 
    </div>