javascript 代码不适用于我的项目

Question

I have a wordpress site for my business and I'm using Booked Plugin for Appointments, I want to send some values to mail. My code works on JsFiddle platform but doesn't work on my project, I check values on Console screen. JsFiddle shows me the values those what I want, but the project's console screen(I'm using Google Chrome) value returns 0 everytime and doesn't changes. Could you help me?

<input data-calendar-id="136" type="checkbox" name="single-checkbox---8012145[]" id="booked-checkbox-single-checkbox---8012145-4" class='test_23' value="CE103">

        var calculate = function() {
      var total = 0;
      // Check if a checkbox is ticked
      if ($('.test_23').is(':checked')) {
        total += 100;
      }

      // A second checkbox
      if ($('.test_24').is(':checked')) {
        total += 150;
      }

      // Display the result to the user
      $('#form-total').text('Total: $' + total);

      console.log(total);
    };

    // Calculate on page load
    calculate();


    // Recalculate when these checkboxes/radio buttons are clicked
    $('.test_23, .test_24').click(calculate);

screenshot from my project's console screen

Answer 1

You have to manually include jQuery in your project (jsfiddle may do it for you)