Привет всем! Я недавно начал изучение js,и придумал себе задание "при каждом наведении мыши на div нужно чтоб он увеличивался по ширине на какое то значение". У меня получилось только при одном наведении мыши,как сделать так чтобы, например навел мышь -> увеличился div на какое то значение,отвел мышь от diva, снова навел мышь -> увеличился div еще на какое то значение? Заранее спасиба!
<html>
<head>
<title>Submit
</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet" type="text/css" href="style.css">
<style type="text/css">
#result {
background-color: green;
width: 100px;
}
</style>
<script type="text/javascript">
function click()
{
var myDiv = document.getElementById('result');
myDiv.style.width = 200 + "px";
}
window.onload = function ()
{
var myDiv = document.getElementById('result');
myDiv.onmouseover = click;
}
</script>
</head>
<body>
<div id="result">123</div>
</body>
</html>