Using functions inside functions with onclick Event in Javascript

We create a javascript function that allows us to calculate the double of a number. The function has another unchangeable internal function that is the one that calculates the double and receives the parameters. We create three html elements to be able to use this function, an input element to receive a number through the screen, a button to indicate when the function must be executed, and a div with id 'show_result' that is where the results will be shown.

<input type="text" id="calc_value" placeholder="Calculate double">
<input type="button" value="Click" id="click_button">
<h4>Show Result</h4>
<div id="show_result"></div>
<script>
  document.getElementById("click_button").onclick = function() {
    var value = document.getElementById('calc_value').value;
  	document.getElementById('show_result').innerHTML = calc(value);
  };
  
  function calc(params) { 
     var cont = 2; 
     function name(params, cont) { 
         return params * cont; 
     } 
     return name(params, cont); 
  }
</script>