How to user-input an object property and key

Question

I have in my hand, a very rare problem. I need the user to input an object's key and property.

I have an input .

<input type="text">
<input type="button" value="enter">

my js:
Take text inputed, and store it in var input .
Like for example, if user inputs "hello" then...

var myObj = {
  hello: "hello"
}

Is there a way to do that?
Thanks

Answer 1

Something like this?

https://jsfiddle.net/mjjLxqnr/3/

HTML:

<input type="text" id="yourInput">
<input type="button" value="Enter" id="enterBtn">

JavaScript:

var obj = {},
    enterBtn = document.getElementById('enterBtn'),
    yourInput = document.getElementById('yourInput');

enterBtn.onclick = function () {
    var input = yourInput.value;
    // Don't add anything to the obj if the input is empty.
    if(!input) return;
    // Use brackets to add a property to the obj, and set the value to be the same
    // as the property name.
    obj[input] = input;
    console.log(obj);
};

Answer 2

You need to use bracket notation:

If you are storing the input in a variable named input you would do this:

var myObj = {};
obj[input] = input;