I've a small question. What I want to do is make a InnerHTML variable.
Maybe code explains it better, what I have now:
-----Javascript-----
var VarOne = 'Four';
var VarTwo = 'Five';
var VarThree = 'Six';
function MyFunction(){
document.getElementById("MyDiv").innerHTML = ['Var' + event.target.id];
}
-----Html-----
<div id="MyDiv"></div>
Instead of looking for a var, it gives as outcome 'VarOne, VarTwo, or VarThree, very logically, but how can I make it so he uses the var?
While Jonathan's answer is correct, you should avoid polluting the window object with variables.
Consider refactoring to use an object to store these values:
var values = {one:'four', two:'five', three:'six'};
function MyFunction(){
document.getElementById("MyDiv").innerHTML = values[event.target.id];
}
This leaves only one variable in the window scope (which can also be avoided by using closures).
Instead of using a string as a variable name directly, put your values into a hash:
var Vars = { 'One': 'Four', 'Two': 'Five', 'Three': 'Six' };
function MyFunction(){
document.getElementById("MyDiv").innerHTML = Vars[event.target.id];
}
event.target is a HTML element and its id usually isn't an integer.Variables in the default scope are in the window object. You should be able to do:
var id = 'One'
var VarOne = 'Four';
var VarTwo = 'Five';
var VarThree = 'Six';
alert(window["Var" + id]); // => Four
So you should just be able to change your MyFunction function's contents to be:
document.getElementById("MyDiv").innerHTML = window['Var' + event.target.id];
A safer version and better-structured version might involve something like:
var DivContents = {
VarOne : "Four",
VarTwo : "Five",
VarThree : "Six"
};
function MyFunction(){
document.getElementById("MyDiv").innerHTML = DivContents['Var' + event.target.id];
}
Now, I'm no JavaScript expert, but maybe eval() will do what you want?
var results = eval('Var' + number);
Alternatively, you could probably create an array and access your data that way.
number is coming from? If it's defined by the user, that seems like a flaw.