Javascript function does not execute when selecting a radio button

Question

I created a Javascript function that needs to be executed every time one of the buttons on the radio button is selected. But nothing happens. Follow the code:

<script>
            document.write( )
            function mostraCampoArray(int numeroDoCampo){
                var vetor = new Array()
                vetor[0]= "Posição zero do vetor"
                vetor[1] = "Posição um do vetor"
                vetor[2] = "Posição dois do vetor"
                vetor[3] = "Posição três do vetor"
                document.write(vetor[numeroDoCampo])
            }
</script>

Radiobutton:

     <input type="radio" name="Posição" value=0  onClick="mostraCampoArray(value)"> Posição 0 do array
    <input type="radio" name="Posição" value=1  onClick="mostraCampoArray(value)"> Posição 1 do array
    <input type="radio" name="Posição" value=2  onClick="mostraCampoArray(value)"> Posição 2 do array
    <input type="radio" name="Posição" value=3  onClick="mostraCampoArray(value)"> Posição 3 do array

I don’t know if the function call syntax in Radiobutton onClick is correct...

Answer 1

The mistake is in function mostraCampoArray(int numeroDoCampo).

The Javascript is a weak typing language, meaning it is not necessary to inform the type of the variable, as in Java, GoLang etc..

The correct is:

function mostraCampoArray(numeroDoCampo){
  var vetor = new Array()
  vetor[0] = "Posição zero do vetor"
  vetor[1] = "Posição um do vetor"
  vetor[2] = "Posição dois do vetor"
  vetor[3] = "Posição três do vetor"
  document.write(vetor[numeroDoCampo])
}