Home/ Questions/Q 6922249
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-27T10:22:54+00:00

I am calling a function named ‘capital()’ but it is not working and ‘capita’

  • 0

I am calling a function named ‘capital()’ but it is not working and ‘capita’ is working.
is it a keyword in js or what is this ?

here is the code see it, test it

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>HTML Select Element</title>
<script type="text/javascript">
function capita(){
alert('yes');
c = new Array("Islamabad", "Tehran", "Bejing", "New Delhi", "Kabul");

var i;
i = document.f1.country.selectedIndex;
document.f1.capital.value=c[i];
}
</script>
</head>
<body>
<h3>Countries and Capital</h3>
<form name="f1" method="post">
The capital of 
<select name="country" id="country" onChange="capita();">
<option selected>Pakistan
<option>Iran
<option>China
<option>India
<option>Afghanistan 
</select>
is <input type="text" name="capital" value="Islamabad"/> 
</form> 
</body>
</html>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    capital is a reference to your input element.

    <input type="text" name="capital" value="Islamabad"/>

    This is because when you use inline handlers, there are certain DOM elements that are inserted into the variable scope chain. Exactly which elements are inserted depends on the browser to some degree.

    If you change the onchange handler of your select element to this:

    <select name="country" id="country" onChange="alert(capital);">

    You’ll see that it alerts:

    "[object HTMLInputElement]"

    …or something similar.

    JSFIDDLE DEMO

    Here’s an updated example that changes your inline handler like this:

    <select name="country" id="country" onChange="alert('LOCAL: ' + capital + 
                                             '\n\nGLOBAL: ' + window.capital);">

    So now it alerts capital and window.capital. If you test this in different browsers, you’ll probably get different results.

    JSFIDDLE DEMO

    Chrome shows:

    LOCAL: [object HTMLInputElement]

    GLOBAL: function capital() {}

    • 0