以下にこの簡単なコードを示します。入力ボックスに入力された形状の名前を照会しようとしています。関数にパラメーターを正しく渡すことはできますが、パラメーターを使用してクエリを実行しようとすると、エラーが発生します。
console.log(shape); //I'm getting the right input as parameter
console.log(shapes.shape.name); //not successful using passed parameter.
//以下のコード
<div id="page">
<input type="text" id="getShape"/>
<input type="button" onClick="getShapeDetails()" />
</div>
<script>
shapes = {
"circle" : {"name":"circle", "sides":"0", "color":"yellow"},
"triangle" : {"name":"triangle", "sides":"3", "color":"red"},
"square" : {"name":"square", "sides":"4", "color":"blue"},
};
function getShapeDetails(){
var getShape = document.getElementById("getShape").value;
function getShapesDetail(shape){
console.log(shape);
console.log(shapes.shape.name);
}
getShapesDetail(getShape);
}
</script>