How do I call a function inside of another function from java script file in html file?

Question

I want to call the function that is in another function in my HTML file here is my HTML code:

    <input type="radio" name="layerButton" value="UnTiled" id="raster" onclick="if(this.checked){myFunction()}">Raster Layer
    <script type="text/javascript" src="./main.js" ></script>

and here is my javascript code(main.js):

function init(){
function myFunction() {
    alert('hi')
}
}

and error is:

Uncaught ReferenceError: myFunction is not defined

Answer 1

Here is the solution snippet

 function init(){ function myFunction() { alert('hi'); } return myFunction(); }

 <input type="radio" name="layerButton" value="UnTiled" id="raster" onclick="init()">

Answer 2

<input type="radio" name="layerButton" value="UnTiled" id="raster" onclick="myFunction()">Raster Layer
<script type="text/javascript" src="./main.js"></script>

function myFunction() {
  alert('hi')
}

This is my solution: https://jsfiddle.net/

Answer 3

To add some context to the other answer, you are not able to run conditional statements using onClick, only functions.