Андрей Охотников

В таких конструкциях всегда нужно делать проверку прежде чем value получать, очень часто из за подобного ошибки

let number2 = document.querySelector('.numder2').value;

Не найден элемент с классом numder2 (возвращает null) и идет попытка у null получить поле value
В конкретном случае ошибка из за опечатки, но в целом нужно заодно делать проверку на то что document.querySelector('.numder2') существует

Ссылка то битая, попробуйте сами перейти на

//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css

Нужно добавить https

https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css

Общий объем для каждого домена

Нужно переключиться на es6 синтаксис и заодно убрать лишний return из стрелочной функции

Вот и вот

Это свойство объекта. в JS можно обратиться к свойству либо через точку либо через квадратные скобки. В квадратных скобках используют вычисляемое значение, например если заранее неизвестно к какому свойству будем обращаться - как в вашем случае

Например

const obj = {
value: 1
}

obj.value = 2

obj['value'] = 3

Вот варианты как обратиться и изменить значение

У тебя установлено значение isLoading по дефолту, удали его из defaultProps или установи значение false и получишь то что хочешь)

<div class="card">
  <h4>Пицца «Пепперони»</h4>
  <img src="images/pizza.png">
  <p>Пепперони, перец халапеньо, сыр моцарелла, пицца-соус, травы прованса</p>
  <input type="radio" class="radio" value="470" id="option1" name="radio" onchange="func()"/>
  <label for="option1">32 см</label>
  <input type="radio" class="radio" value="390" id="option2" name="radio" onchange="func()"/>
  <label for="option2">24 см</label>
  <p id="result"></p>
</div>

const result = document.getElementById('result')
const radio = document.querySelector('input[name = "radio"]')

function func() {
  const checked = document.querySelector('input[name = "radio"]:checked');
  result.innerText = checked.value
}

Не надо так делать, если хочется использовать бутстрап - используйте react bootstrap и его валидацию, иначе какая то каша получается

<script>
if (result == 'success') {
$("#formresult").text('Выполнено успешно').addClass('success');
}
else if (result == 'error') {
$("#formresult").text('Произошла ошибка').addClass('error');
}
</script>

Потому что ты присваиваешь значение переменной phrase после того как вызвал функцию, поменяй местами вызов функции и объявление переменной и все заработает