How to pass a variable to a parameter (in a function)?

Question

I'm very new to JS and jquery, and I tried to find a direct answer but to no avail (most likely I'm googling the wrong questions).

I want to pass the variables x, y and d as parameters in function solution.

What am I doing wrong?

$('#form-send').click( function(){
    event.preventDefault();

    var x = $('#x-input').val();
    var y = $('#y-input').val();
    var d = $('#d-input').val();
    console.log(x,y,d);

    function solution(x,y,d){
        console.log(x,y,d);
    }
});

Answer 1

You need to do this

function solution(x, y, d) {
  console.log(x, y, d);
}

$('#form-send').click(function(e) {
  e.preventDefault();

  var x = $('#x-input').val();
  var y = $('#y-input').val();
  var d = $('#d-input').val();

  solution(x, y, d)
});

Answer 2

//function definition 
function solution(x, y, d) {
    console.log(x, y, d);
}

$('#form-send').click(function() {
    event.preventDefault();

    var x = $('#x-input').val();
    var y = $('#y-input').val();
    var d = $('#d-input').val();
    solution(x, y, d); //Function call   
});