Javascript使用onclick将多个变量传递给对象

时间:2015-11-13 03:46:35

标签: javascript

我确信此前已被问到,但我感到困惑。我试图将多个变量从输入文本传递给创建对象然后返回的函数。我已经在堆栈溢出上尝试了多种方法,但我仍然不知道自己需要做什么。

问题是创建一个函数,询问用户的怪物名称,健康点数量,以及它的主要攻击,该函数返回此怪物类型的对象。

我到目前为止的代码是:

<!DOCTYPE html>
<html>
<body>

<p>Input how tall you are in inches and click the button:</p>

Input monsters name: <input id="monsterName" value="" />
<br>
Input health points: <input id="numberOfHealthPoints" value="" />
<br>
Input Primary attack: <input id="primaryAttack" value="" />
<br>
<button onclick="monsterDescription(document.getElementById('monsterName').value, document.getElementById('numberOfHealthPoints').value, document.getElementById('primaryAttack).value)">Calculate Monster</button>

<p id="monster"></p>


<script>

function monsterDescription(name, health, attack)
{
    var monsterType =
    "mN" : name,
    "nOHP": health ,
    "pA" : attack;
    }

    document.getElementById("monster").innerHTML = monsterType;
}
</script>

</body>
</html>

1 个答案:

答案 0 :(得分:0)

使用 JSON.stringify()将数据转换为字符串,请注意JSON数据的结构。

$('html,body').animate({ scrollTop: 0 }, 'slow');