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

标签 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);

最佳答案

它应该是getElementById而不是getElementByID。见下文:

function getInput() {
  var userInput= document.getElementById("Variables").value;
  var answer = 100 * parseFloat(userInput);
  console.log(answer);
  alert(answer);
}
<input id="Variables" value="10"/>
<input type="button" value="Multiply" onclick="getInput()"/>

关于javascript - 我将如何完成这个脚本,将用户输入乘以 100,然后在浏览器中将其输出到控制台?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28181880/

相关文章:

javascript - 表标题作为单元格中的标签

javascript - jQuery 在悬停时添加一个类 - 对象文字

javascript - 如何将数据以及子组件发送到组件 - JavaScript - React

javascript - 使用 iframe 和 jQuery 从其他站点检索元素

javascript - 在 HTML/JavaScript 文件中,如何选择要包含的数据文件?

html - 围绕另一个图像对齐图像?

javascript - “未捕获的层次结构请求错误 : new line tag after createTextNode

javascript - 如何运行嵌套的 JavaScript 函数?

javascript - ng-repeat 具有不同值的各种 json 对象

javascript - 如何让我网站上的所有外部链接都提出确认