Дело в том, что оператор * (умножения) оперирует числами и если операнд не число, то он приводится к таковому. В поле формы значение 200 есть строка, при умножении это строковое значение преобразуется в число и умножается на второй операнд - число 20.

Оператор + оперирует не только с числами, конкотенация (объединение строк) тоже его сфера, поэтому чтобы получить ожидаемый результат нужно преобразовать строковое значение в числовое.

parseFloat()
parseInt()
Number()