Почему выдает значение NaN?

Question

[Дмитрий]

Добрый день. Подскажите, почему выдает значение NaN? Ведь я использовал parseFloat.

<div class="block">
    <div class="priceday">10</div>
    <div class="form-text">20</div>
		<input class="summ" type="text" name="summ"  class="form-text">  
</div>

$('.block').click(function(){
	  var price = parseFloat($(this).find('.priceday').html()); 
	  var day =  parseFloat($(this).find('form-text').html()); 
		sum =  day * price
	  $(this).find('input.summ').val(sum);
 }).trigger("click");

Comments

[Rsa97]

Единственное, что выдаёт ваш пример - Uncaught ReferenceError: $ is not defined, поскольку jQuery не подключен.

[Дмитрий]

Rsa97, извиняюсь, забыл подключить jquery. Сейчас видно результат - NaN

Answer 1

[Elvis]

var day =  parseFloat($(this).find('.form-text').html());

Comments

[Дмитрий]

Подправил, так же - NaN)

[Elvis]

Дмитрий, уверены? изменил только эту строчку и получил 200. проверьте еще раз

[Elvis]

Дмитрий, точку пропустили. изучите css селекторы и как они пишутся.

[Сергей delphinpro]

Однострочная запись, конечно круто, но на возможные ошибки всё же нужно проверять.

let day;
const $day = $(this).find('.form-text');
if($day.length) {
  day =  parseFloat($day.html());
} else {
  console.error('Элемент .form-text не найден.');
}

[Дмитрий]

Сергей delphinpro, Elvis, Спасибо!)