Как сделать, чтобы при нажатии на слово, оно плавно перемещалось над полоской? И так все остальные слова. Потом я нажимаю на "проверить" и если не правильно,то выдается ошибка, если правильно, то выдается сообщение "верно".
<!DOCTYPE html>
<html>
<head>
<title>Блоки</title>
<meta charset="utf-8">
</head>
<body>
<button type="button" id="r">Проверить</button>
<div>Выберите слова,к которым при множественном числе добавляются -es</div>
<?xml version="1.0" standalone="no"?>
<svg width="600" height="130" version="1.1" xmlns="http://www.w3.org/2000/svg">
<line x1="100" x2="400" y1="100" y2="100" stroke="orange" fill="transparent" stroke-width="5"/>
</svg>
<div>an actress(актриса)</div>
<div>a dress(платье ) </div>
<div>wolf(волк) </div>
<div>a tomato (томат)</div>
<div>wife(жена) </div>
<?xml version="1.0" standalone="no"?>
<svg width="600" height="130" version="1.1" xmlns="http://www.w3.org/2000/svg">
<div id="rect"></div>
</body>
</html>
Средний
