How to insert HTML/JavaScript form into WordPress page? [closed]

You have a bunch of issues:

1. WordPress part:

Your function is hooked to wp_enqueue_scripts and should be like this:

function wpse238953_calculate() {
      wp_enqueue_script('calculate', plugins_url('/js/calculate.js'), __FILE__), array('jquery'), false);
 }
 add_action('wp_enqueue_scripts', 'wpse238953_calculate');

Note the different spellings between wp_enqueue_scripts and wp_enqueue_script

2. The HTML/JS part:

Let’s add some id to the two input fields so that it’s easier to target them

<form name="form">
    InputA: <input type="text" id="inputA" name="inputA" /><br />
    InputB: <input type="text" id="inputB" name="inputB" /><br />
    <input type="button" id="calculate" value="Calculate" /><br />
    Your result is: <b><span id="result"></span></b>
</form>

Then rewrite your JS and use some jQuery(since you added it as a dependency):

jQuery(document).ready(function($){
    'use strict';
  $('#calculate').mousedown(function(){
    var valueA = parseFloat( $('#inputA').val(), 10 ),
        valueB = parseFloat( $('#inputB').val(), 10 ),
        total = ( valueA + valueB ) * 10;
    
    $('#result').text( total );
  });
});

Read about: