我如何完成将用户输入乘以100然后在浏览器中将其输出到控制台的脚本?

时间:2015-01-27 23:21:05

标签: javascript html

我要做的是创建一个脚本,该脚本可以将用户输入的任何数字输入字段并将其乘以100,并在按下按钮时将其输出到控制台。我已经部分完成但我不熟悉console.log和一个整体javascript的新手。 我一直在读书,但我似乎无法弄清楚它应该如此简单。它只有1个字段+ 1个按钮。

这是我的HTML:

<html>
    <head lang="en">
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        <h1>Java Help</h1>
        <input id="Variables"/>
        <input type="button" onclick="getInput()"/>
        <script src="js/main.js"></script>
    </body>
</html>

我的Javascript就在这里:

/**
* Created by Jabrian on 1/24/2015.
*/
function getInput(){

var userInput= document.getElementByID("Variables").value;

console.log("100" * userInput);

1 个答案:

答案 0 :(得分:5)

应该{​​{1}}而不是getElementById。见下文:

getElementByID
function getInput() {
  var userInput= document.getElementById("Variables").value;
  var answer = 100 * parseFloat(userInput);
  console.log(answer);
  alert(answer);
}