Javascript string undefined
up vote
4
down vote
favorite
I have a code like this:
<html>
<head>
<script language="javascript">
window.onload = function() {
for(i = 0; i < 26; i++) {
var x = document.createElement("INPUT");
x.setAttribute("type", "button");
x.setAttribute("value", String.fromCharCode(i + 65));
x.setAttribute("id", String.fromCharCode(i + 65));
x.setAttribute("onclick", "isTOF(self.id)");
document.body.appendChild(x);
}
}
function isTOF(v) {
alert(v);
}
</script>
</head>
<body>
</body>
</html>I wanted to make it alert its own alphabet(value), but it doesn't work.
So for example, when I click A Button, the program should alert 'A'.
But it alerts 'undefined'.
I don't know what the problem is.
I want to make my code work properly.
How can I make it?
javascript html
asked Nov 11 at 6:22
Hoseong Jeon
22612
|
show 2 more comments
up vote
4
down vote
favorite
I have a code like this:
<html>
<head>
<script language="javascript">
window.onload = function() {
for(i = 0; i < 26; i++) {
var x = document.createElement("INPUT");
x.setAttribute("type", "button");
x.setAttribute("value", String.fromCharCode(i + 65));
x.setAttribute("id", String.fromCharCode(i + 65));
x.setAttribute("onclick", "isTOF(self.id)");
document.body.appendChild(x);
}
}
function isTOF(v) {
alert(v);
}
</script>
</head>
<body>
</body>
</html>I wanted to make it alert its own alphabet(value), but it doesn't work.
So for example, when I click A Button, the program should alert 'A'.
But it alerts 'undefined'.
I don't know what the problem is.
I want to make my code work properly.
How can I make it?
javascript html
asked Nov 11 at 6:22
Hoseong Jeon
22612
What do you thinkself.idis?
– tkausl
Nov 11 at 6:23
@tkausl self.id should be button's own alphabet. So for example, when I click C button, its id is C, and self.id is C. So, when isTOF function runs, v == C. But now it doesn't work like that.
– Hoseong Jeon
Nov 11 at 6:24
It doesn't work becauseselfdoesn't exist
– tkausl
Nov 11 at 6:25
@tkausl Oh, thank you so much. But whyselfdoesn't exist?
– Hoseong Jeon
Nov 11 at 6:26
1
But it looks likethis.idwill work ...
– moilejter
Nov 11 at 6:30
|
show 2 more comments
up vote
4
down vote
favorite
up vote
4
down vote
favorite
I have a code like this:
<html>
<head>
<script language="javascript">
window.onload = function() {
for(i = 0; i < 26; i++) {
var x = document.createElement("INPUT");
x.setAttribute("type", "button");
x.setAttribute("value", String.fromCharCode(i + 65));
x.setAttribute("id", String.fromCharCode(i + 65));
x.setAttribute("onclick", "isTOF(self.id)");
document.body.appendChild(x);
}
}
function isTOF(v) {
alert(v);
}
</script>
</head>
<body>
</body>
</html>I wanted to make it alert its own alphabet(value), but it doesn't work.
So for example, when I click A Button, the program should alert 'A'.
But it alerts 'undefined'.
I don't know what the problem is.
I want to make my code work properly.
How can I make it?
javascript html
asked Nov 11 at 6:22
Hoseong Jeon
22612
I have a code like this:
<html>
<head>
<script language="javascript">
window.onload = function() {
for(i = 0; i < 26; i++) {
var x = document.createElement("INPUT");
x.setAttribute("type", "button");
x.setAttribute("value", String.fromCharCode(i + 65));
x.setAttribute("id", String.fromCharCode(i + 65));
x.setAttribute("onclick", "isTOF(self.id)");
document.body.appendChild(x);
}
}
function isTOF(v) {
alert(v);
}
</script>
</head>
<body>
</body>
</html>I wanted to make it alert its own alphabet(value), but it doesn't work.
So for example, when I click A Button, the program should alert 'A'.
But it alerts 'undefined'.
I don't know what the problem is.
I want to make my code work properly.
How can I make it?
<html>
<head>
<script language="javascript">
window.onload = function() {
for(i = 0; i < 26; i++) {
var x = document.createElement("INPUT");
x.setAttribute("type", "button");
x.setAttribute("value", String.fromCharCode(i + 65));
x.setAttribute("id", String.fromCharCode(i + 65));
x.setAttribute("onclick", "isTOF(self.id)");
document.body.appendChild(x);
}
}
function isTOF(v) {
alert(v);
}
</script>
</head>
<body>
</body>
</html><html>
<head>
<script language="javascript">
window.onload = function() {
for(i = 0; i < 26; i++) {
var x = document.createElement("INPUT");
x.setAttribute("type", "button");
x.setAttribute("value", String.fromCharCode(i + 65));
x.setAttribute("id", String.fromCharCode(i + 65));
x.setAttribute("onclick", "isTOF(self.id)");
document.body.appendChild(x);
}
}
function isTOF(v) {
alert(v);
}
</script>
</head>
<body>
</body>
</html>javascript html
javascript html
asked Nov 11 at 6:22
Hoseong Jeon
22612
asked Nov 11 at 6:22
Hoseong Jeon
22612
asked Nov 11 at 6:22
Hoseong Jeon
22612
asked Nov 11 at 6:22
Hoseong Jeon
22612
asked Nov 11 at 6:22
Hoseong Jeon
22612
22612
What do you thinkself.idis?
– tkausl
Nov 11 at 6:23
@tkausl self.id should be button's own alphabet. So for example, when I click C button, its id is C, and self.id is C. So, when isTOF function runs, v == C. But now it doesn't work like that.
– Hoseong Jeon
Nov 11 at 6:24
It doesn't work becauseselfdoesn't exist
– tkausl
Nov 11 at 6:25
@tkausl Oh, thank you so much. But whyselfdoesn't exist?
– Hoseong Jeon
Nov 11 at 6:26
1
But it looks likethis.idwill work ...
– moilejter
Nov 11 at 6:30
|
show 2 more comments
What do you thinkself.idis?
– tkausl
Nov 11 at 6:23
@tkausl self.id should be button's own alphabet. So for example, when I click C button, its id is C, and self.id is C. So, when isTOF function runs, v == C. But now it doesn't work like that.
– Hoseong Jeon
Nov 11 at 6:24
It doesn't work becauseselfdoesn't exist
– tkausl
Nov 11 at 6:25
@tkausl Oh, thank you so much. But whyselfdoesn't exist?
– Hoseong Jeon
Nov 11 at 6:26
1
But it looks likethis.idwill work ...
– moilejter
Nov 11 at 6:30
What do you think
self.id is?– tkausl
Nov 11 at 6:23
What do you think
self.id is?– tkausl
Nov 11 at 6:23
@tkausl self.id should be button's own alphabet. So for example, when I click C button, its id is C, and self.id is C. So, when isTOF function runs, v == C. But now it doesn't work like that.
– Hoseong Jeon
Nov 11 at 6:24
@tkausl self.id should be button's own alphabet. So for example, when I click C button, its id is C, and self.id is C. So, when isTOF function runs, v == C. But now it doesn't work like that.
– Hoseong Jeon
Nov 11 at 6:24
It doesn't work because
self doesn't exist– tkausl
Nov 11 at 6:25
It doesn't work because
self doesn't exist– tkausl
Nov 11 at 6:25
@tkausl Oh, thank you so much. But why
self doesn't exist?– Hoseong Jeon
Nov 11 at 6:26
@tkausl Oh, thank you so much. But why
self doesn't exist?– Hoseong Jeon
Nov 11 at 6:26
1
1
But it looks like
this.id will work ...– moilejter
Nov 11 at 6:30
But it looks like
this.id will work ...– moilejter
Nov 11 at 6:30
|
show 2 more comments
3 Answers
3
active
oldest
votes
up vote
3
down vote
accepted
The problem you are having is caused by self not being defined. Instead, you should use the value that you already set, and pass in this to isTOF:
<html>
<head>
<script language="javascript">
window.onload = function() {
for(i = 0; i < 26; i++) {
var x = document.createElement("INPUT");
x.setAttribute("type", "button");
x.setAttribute("value", String.fromCharCode(i + 65));
x.setAttribute("id", String.fromCharCode(i + 65));
x.setAttribute("onclick", "isTOF(this)");
document.body.appendChild(x);
}
}
function isTOF(v) {
alert(v.value);
}
</script>
</head>
<body>
</body>
</html>This way, you are passing a reference to the element to isTOF in case you want to do anything with it or just for purely information purposes.
Hope this helps!
answered Nov 11 at 6:27
Derek Pollard
3,77422239
@HoseongJeon glad I could help!
– Derek Pollard
Nov 11 at 6:38
add a comment |
up vote
2
down vote
The problem is:
x.setAttribute("onclick", "isTOF(self.id)");
There's no variable named self in scope at that point. Perhaps you meant to use this, which would work:
for (i = 0; i < 26; i++) {
var x = document.createElement("INPUT");
x.setAttribute("type", "button");
x.setAttribute("value", String.fromCharCode(i + 65));
x.setAttribute("id", String.fromCharCode(i + 65));
x.setAttribute("onclick", "isTOF(this.id)");
document.body.appendChild(x);
}
function isTOF(v) {
alert(v);
}But since you have a direct reference to the element already, rather than assign a string attribute in the HTML to be turned into a handler (which is basically eval in the form of an HTML attribute), it would be better to attach the listener properly using Javascript - which will make things easier, because then the id, if you set a variable to it beforehand, can simply be referenced again in the handler, rather than having to check this.id. In addition, you can often use dot notation rather than setAttribute, which is more concise and easier to read, so it's probably preferable in most cases:
for (let i = 0; i < 26; i++) {
const x = document.createElement("INPUT");
x.type = 'button';
const id = String.fromCharCode(i + 65);
x.value = id;
x.id = id;
x.onclick = () => isTOF(id);
document.body.appendChild(x);
}
function isTOF(v) {
console.log(v);
}answered Nov 11 at 6:27
CertainPerformance
69k143453
add a comment |
up vote
2
down vote
I would use an event listener instead like so:
function isTOF(e) {
console.log("id:["+ this.id +"], value:["+ this.value +"]");
}
window.onload = function() {
for(i = 0; i < 26; i++) {
var x = document.createElement("INPUT");
x.setAttribute("type", "button");
x.setAttribute("value", String.fromCharCode(i + 65));
x.setAttribute("id", String.fromCharCode(i + 65));
x.addEventListener("click", isTOF, false);
document.body.appendChild(x);
}
}answered Nov 11 at 6:29
Tigger
6,07232632
add a comment |
3 Answers
3
active
oldest
votes
3 Answers
3
active
oldest
votes
active
oldest
votes
active
oldest
votes
up vote
3
down vote
accepted
The problem you are having is caused by self not being defined. Instead, you should use the value that you already set, and pass in this to isTOF:
<html>
<head>
<script language="javascript">
window.onload = function() {
for(i = 0; i < 26; i++) {
var x = document.createElement("INPUT");
x.setAttribute("type", "button");
x.setAttribute("value", String.fromCharCode(i + 65));
x.setAttribute("id", String.fromCharCode(i + 65));
x.setAttribute("onclick", "isTOF(this)");
document.body.appendChild(x);
}
}
function isTOF(v) {
alert(v.value);
}
</script>
</head>
<body>
</body>
</html>This way, you are passing a reference to the element to isTOF in case you want to do anything with it or just for purely information purposes.
Hope this helps!
answered Nov 11 at 6:27
Derek Pollard
3,77422239
@HoseongJeon glad I could help!
– Derek Pollard
Nov 11 at 6:38
add a comment |
up vote
3
down vote
accepted
The problem you are having is caused by self not being defined. Instead, you should use the value that you already set, and pass in this to isTOF:
<html>
<head>
<script language="javascript">
window.onload = function() {
for(i = 0; i < 26; i++) {
var x = document.createElement("INPUT");
x.setAttribute("type", "button");
x.setAttribute("value", String.fromCharCode(i + 65));
x.setAttribute("id", String.fromCharCode(i + 65));
x.setAttribute("onclick", "isTOF(this)");
document.body.appendChild(x);
}
}
function isTOF(v) {
alert(v.value);
}
</script>
</head>
<body>
</body>
</html>This way, you are passing a reference to the element to isTOF in case you want to do anything with it or just for purely information purposes.
Hope this helps!
answered Nov 11 at 6:27
Derek Pollard
3,77422239
@HoseongJeon glad I could help!
– Derek Pollard
Nov 11 at 6:38
add a comment |
up vote
3
down vote
accepted
up vote
3
down vote
accepted
The problem you are having is caused by self not being defined. Instead, you should use the value that you already set, and pass in this to isTOF:
<html>
<head>
<script language="javascript">
window.onload = function() {
for(i = 0; i < 26; i++) {
var x = document.createElement("INPUT");
x.setAttribute("type", "button");
x.setAttribute("value", String.fromCharCode(i + 65));
x.setAttribute("id", String.fromCharCode(i + 65));
x.setAttribute("onclick", "isTOF(this)");
document.body.appendChild(x);
}
}
function isTOF(v) {
alert(v.value);
}
</script>
</head>
<body>
</body>
</html>This way, you are passing a reference to the element to isTOF in case you want to do anything with it or just for purely information purposes.
Hope this helps!
answered Nov 11 at 6:27
Derek Pollard
3,77422239
The problem you are having is caused by self not being defined. Instead, you should use the value that you already set, and pass in this to isTOF:
<html>
<head>
<script language="javascript">
window.onload = function() {
for(i = 0; i < 26; i++) {
var x = document.createElement("INPUT");
x.setAttribute("type", "button");
x.setAttribute("value", String.fromCharCode(i + 65));
x.setAttribute("id", String.fromCharCode(i + 65));
x.setAttribute("onclick", "isTOF(this)");
document.body.appendChild(x);
}
}
function isTOF(v) {
alert(v.value);
}
</script>
</head>
<body>
</body>
</html>This way, you are passing a reference to the element to isTOF in case you want to do anything with it or just for purely information purposes.
Hope this helps!
<html>
<head>
<script language="javascript">
window.onload = function() {
for(i = 0; i < 26; i++) {
var x = document.createElement("INPUT");
x.setAttribute("type", "button");
x.setAttribute("value", String.fromCharCode(i + 65));
x.setAttribute("id", String.fromCharCode(i + 65));
x.setAttribute("onclick", "isTOF(this)");
document.body.appendChild(x);
}
}
function isTOF(v) {
alert(v.value);
}
</script>
</head>
<body>
</body>
</html><html>
<head>
<script language="javascript">
window.onload = function() {
for(i = 0; i < 26; i++) {
var x = document.createElement("INPUT");
x.setAttribute("type", "button");
x.setAttribute("value", String.fromCharCode(i + 65));
x.setAttribute("id", String.fromCharCode(i + 65));
x.setAttribute("onclick", "isTOF(this)");
document.body.appendChild(x);
}
}
function isTOF(v) {
alert(v.value);
}
</script>
</head>
<body>
</body>
</html>answered Nov 11 at 6:27
Derek Pollard
3,77422239
edited Nov 11 at 6:32
answered Nov 11 at 6:27
Derek Pollard
3,77422239
answered Nov 11 at 6:27
Derek Pollard
3,77422239
answered Nov 11 at 6:27
Derek Pollard
3,77422239
3,77422239
@HoseongJeon glad I could help!
– Derek Pollard
Nov 11 at 6:38
add a comment |
@HoseongJeon glad I could help!
– Derek Pollard
Nov 11 at 6:38
@HoseongJeon glad I could help!
– Derek Pollard
Nov 11 at 6:38
@HoseongJeon glad I could help!
– Derek Pollard
Nov 11 at 6:38
add a comment |
up vote
2
down vote
The problem is:
x.setAttribute("onclick", "isTOF(self.id)");
There's no variable named self in scope at that point. Perhaps you meant to use this, which would work:
for (i = 0; i < 26; i++) {
var x = document.createElement("INPUT");
x.setAttribute("type", "button");
x.setAttribute("value", String.fromCharCode(i + 65));
x.setAttribute("id", String.fromCharCode(i + 65));
x.setAttribute("onclick", "isTOF(this.id)");
document.body.appendChild(x);
}
function isTOF(v) {
alert(v);
}But since you have a direct reference to the element already, rather than assign a string attribute in the HTML to be turned into a handler (which is basically eval in the form of an HTML attribute), it would be better to attach the listener properly using Javascript - which will make things easier, because then the id, if you set a variable to it beforehand, can simply be referenced again in the handler, rather than having to check this.id. In addition, you can often use dot notation rather than setAttribute, which is more concise and easier to read, so it's probably preferable in most cases:
for (let i = 0; i < 26; i++) {
const x = document.createElement("INPUT");
x.type = 'button';
const id = String.fromCharCode(i + 65);
x.value = id;
x.id = id;
x.onclick = () => isTOF(id);
document.body.appendChild(x);
}
function isTOF(v) {
console.log(v);
}answered Nov 11 at 6:27
CertainPerformance
69k143453
add a comment |
up vote
2
down vote
The problem is:
x.setAttribute("onclick", "isTOF(self.id)");
There's no variable named self in scope at that point. Perhaps you meant to use this, which would work:
for (i = 0; i < 26; i++) {
var x = document.createElement("INPUT");
x.setAttribute("type", "button");
x.setAttribute("value", String.fromCharCode(i + 65));
x.setAttribute("id", String.fromCharCode(i + 65));
x.setAttribute("onclick", "isTOF(this.id)");
document.body.appendChild(x);
}
function isTOF(v) {
alert(v);
}But since you have a direct reference to the element already, rather than assign a string attribute in the HTML to be turned into a handler (which is basically eval in the form of an HTML attribute), it would be better to attach the listener properly using Javascript - which will make things easier, because then the id, if you set a variable to it beforehand, can simply be referenced again in the handler, rather than having to check this.id. In addition, you can often use dot notation rather than setAttribute, which is more concise and easier to read, so it's probably preferable in most cases:
for (let i = 0; i < 26; i++) {
const x = document.createElement("INPUT");
x.type = 'button';
const id = String.fromCharCode(i + 65);
x.value = id;
x.id = id;
x.onclick = () => isTOF(id);
document.body.appendChild(x);
}
function isTOF(v) {
console.log(v);
}answered Nov 11 at 6:27
CertainPerformance
69k143453
add a comment |
up vote
2
down vote
up vote
2
down vote
The problem is:
x.setAttribute("onclick", "isTOF(self.id)");
There's no variable named self in scope at that point. Perhaps you meant to use this, which would work:
for (i = 0; i < 26; i++) {
var x = document.createElement("INPUT");
x.setAttribute("type", "button");
x.setAttribute("value", String.fromCharCode(i + 65));
x.setAttribute("id", String.fromCharCode(i + 65));
x.setAttribute("onclick", "isTOF(this.id)");
document.body.appendChild(x);
}
function isTOF(v) {
alert(v);
}But since you have a direct reference to the element already, rather than assign a string attribute in the HTML to be turned into a handler (which is basically eval in the form of an HTML attribute), it would be better to attach the listener properly using Javascript - which will make things easier, because then the id, if you set a variable to it beforehand, can simply be referenced again in the handler, rather than having to check this.id. In addition, you can often use dot notation rather than setAttribute, which is more concise and easier to read, so it's probably preferable in most cases:
for (let i = 0; i < 26; i++) {
const x = document.createElement("INPUT");
x.type = 'button';
const id = String.fromCharCode(i + 65);
x.value = id;
x.id = id;
x.onclick = () => isTOF(id);
document.body.appendChild(x);
}
function isTOF(v) {
console.log(v);
}answered Nov 11 at 6:27
CertainPerformance
69k143453
The problem is:
x.setAttribute("onclick", "isTOF(self.id)");
There's no variable named self in scope at that point. Perhaps you meant to use this, which would work:
for (i = 0; i < 26; i++) {
var x = document.createElement("INPUT");
x.setAttribute("type", "button");
x.setAttribute("value", String.fromCharCode(i + 65));
x.setAttribute("id", String.fromCharCode(i + 65));
x.setAttribute("onclick", "isTOF(this.id)");
document.body.appendChild(x);
}
function isTOF(v) {
alert(v);
}But since you have a direct reference to the element already, rather than assign a string attribute in the HTML to be turned into a handler (which is basically eval in the form of an HTML attribute), it would be better to attach the listener properly using Javascript - which will make things easier, because then the id, if you set a variable to it beforehand, can simply be referenced again in the handler, rather than having to check this.id. In addition, you can often use dot notation rather than setAttribute, which is more concise and easier to read, so it's probably preferable in most cases:
for (let i = 0; i < 26; i++) {
const x = document.createElement("INPUT");
x.type = 'button';
const id = String.fromCharCode(i + 65);
x.value = id;
x.id = id;
x.onclick = () => isTOF(id);
document.body.appendChild(x);
}
function isTOF(v) {
console.log(v);
}for (i = 0; i < 26; i++) {
var x = document.createElement("INPUT");
x.setAttribute("type", "button");
x.setAttribute("value", String.fromCharCode(i + 65));
x.setAttribute("id", String.fromCharCode(i + 65));
x.setAttribute("onclick", "isTOF(this.id)");
document.body.appendChild(x);
}
function isTOF(v) {
alert(v);
}for (i = 0; i < 26; i++) {
var x = document.createElement("INPUT");
x.setAttribute("type", "button");
x.setAttribute("value", String.fromCharCode(i + 65));
x.setAttribute("id", String.fromCharCode(i + 65));
x.setAttribute("onclick", "isTOF(this.id)");
document.body.appendChild(x);
}
function isTOF(v) {
alert(v);
}for (let i = 0; i < 26; i++) {
const x = document.createElement("INPUT");
x.type = 'button';
const id = String.fromCharCode(i + 65);
x.value = id;
x.id = id;
x.onclick = () => isTOF(id);
document.body.appendChild(x);
}
function isTOF(v) {
console.log(v);
}for (let i = 0; i < 26; i++) {
const x = document.createElement("INPUT");
x.type = 'button';
const id = String.fromCharCode(i + 65);
x.value = id;
x.id = id;
x.onclick = () => isTOF(id);
document.body.appendChild(x);
}
function isTOF(v) {
console.log(v);
}answered Nov 11 at 6:27
CertainPerformance
69k143453
answered Nov 11 at 6:27
CertainPerformance
69k143453
answered Nov 11 at 6:27
CertainPerformance
69k143453
answered Nov 11 at 6:27
CertainPerformance
69k143453
69k143453
add a comment |
add a comment |
up vote
2
down vote
I would use an event listener instead like so:
function isTOF(e) {
console.log("id:["+ this.id +"], value:["+ this.value +"]");
}
window.onload = function() {
for(i = 0; i < 26; i++) {
var x = document.createElement("INPUT");
x.setAttribute("type", "button");
x.setAttribute("value", String.fromCharCode(i + 65));
x.setAttribute("id", String.fromCharCode(i + 65));
x.addEventListener("click", isTOF, false);
document.body.appendChild(x);
}
}answered Nov 11 at 6:29
Tigger
6,07232632
add a comment |
up vote
2
down vote
I would use an event listener instead like so:
function isTOF(e) {
console.log("id:["+ this.id +"], value:["+ this.value +"]");
}
window.onload = function() {
for(i = 0; i < 26; i++) {
var x = document.createElement("INPUT");
x.setAttribute("type", "button");
x.setAttribute("value", String.fromCharCode(i + 65));
x.setAttribute("id", String.fromCharCode(i + 65));
x.addEventListener("click", isTOF, false);
document.body.appendChild(x);
}
}answered Nov 11 at 6:29
Tigger
6,07232632
add a comment |
up vote
2
down vote
up vote
2
down vote
I would use an event listener instead like so:
function isTOF(e) {
console.log("id:["+ this.id +"], value:["+ this.value +"]");
}
window.onload = function() {
for(i = 0; i < 26; i++) {
var x = document.createElement("INPUT");
x.setAttribute("type", "button");
x.setAttribute("value", String.fromCharCode(i + 65));
x.setAttribute("id", String.fromCharCode(i + 65));
x.addEventListener("click", isTOF, false);
document.body.appendChild(x);
}
}answered Nov 11 at 6:29
Tigger
6,07232632
I would use an event listener instead like so:
function isTOF(e) {
console.log("id:["+ this.id +"], value:["+ this.value +"]");
}
window.onload = function() {
for(i = 0; i < 26; i++) {
var x = document.createElement("INPUT");
x.setAttribute("type", "button");
x.setAttribute("value", String.fromCharCode(i + 65));
x.setAttribute("id", String.fromCharCode(i + 65));
x.addEventListener("click", isTOF, false);
document.body.appendChild(x);
}
}function isTOF(e) {
console.log("id:["+ this.id +"], value:["+ this.value +"]");
}
window.onload = function() {
for(i = 0; i < 26; i++) {
var x = document.createElement("INPUT");
x.setAttribute("type", "button");
x.setAttribute("value", String.fromCharCode(i + 65));
x.setAttribute("id", String.fromCharCode(i + 65));
x.addEventListener("click", isTOF, false);
document.body.appendChild(x);
}
}function isTOF(e) {
console.log("id:["+ this.id +"], value:["+ this.value +"]");
}
window.onload = function() {
for(i = 0; i < 26; i++) {
var x = document.createElement("INPUT");
x.setAttribute("type", "button");
x.setAttribute("value", String.fromCharCode(i + 65));
x.setAttribute("id", String.fromCharCode(i + 65));
x.addEventListener("click", isTOF, false);
document.body.appendChild(x);
}
}answered Nov 11 at 6:29
Tigger
6,07232632
edited Nov 11 at 6:34
answered Nov 11 at 6:29
Tigger
6,07232632
answered Nov 11 at 6:29
Tigger
6,07232632
answered Nov 11 at 6:29
Tigger
6,07232632
6,07232632
add a comment |
add a comment |
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Some of your past answers have not been well-received, and you're in danger of being blocked from answering.
Please pay close attention to the following guidance:
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53246363%2fjavascript-string-undefined%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
What do you think
self.idis?– tkausl
Nov 11 at 6:23
@tkausl self.id should be button's own alphabet. So for example, when I click C button, its id is C, and self.id is C. So, when isTOF function runs, v == C. But now it doesn't work like that.
– Hoseong Jeon
Nov 11 at 6:24
It doesn't work because
selfdoesn't exist– tkausl
Nov 11 at 6:25
@tkausl Oh, thank you so much. But why
selfdoesn't exist?– Hoseong Jeon
Nov 11 at 6:26
1
But it looks like
this.idwill work ...– moilejter
Nov 11 at 6:30