Испытание - <input type="range">

Курсы §21. Формы, часть 2
1

Здравствуйте!
У меня такая проблема:
не понимаю, почему в поле output не подтягиваются значения при изменении ползунка 

		    <div class="half-width">
		    <label for="rating">Оценка поездки</label>
		    0 <input name="rating" id="rating" type="range" min="0" max="10" step="1" value="10"> 10
			</div>
			<div class="half-width output-area">
	            <output name="rating-output">10</output>  
			</div>

В атрибут формы добавила:

 <form action="/echo" method="post" oninput="rating-output.value=rating.value">
1 лайк
2

Дело в том, что строчка rating-output.value=rating.value — это уже JavaScript, а в нём недопустимы переменные с дефисом. Попробуйте изменить name на ratingoutput, к примеру, и всё заработает.

3

Понятно, спасибо большое!

1 лайк