Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/solr/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
html将数据转换为javascript,用于基础数学_Javascript - Fatal编程技术网

html将数据转换为javascript,用于基础数学

html将数据转换为javascript,用于基础数学,javascript,Javascript,我尝试在html表单中获取两个数字,点击经典的“提交”按钮后,使用javascript在后台进行一些计算,然后在网页上显示结果 我不能在我的web主机上使用php 到目前为止,我所拥有的是: 迄今为止的守则: var x=dirtyfiat; var y=价格; var z=x/(y/100000000); document.getElementById(“sats”).innerHTML=z 多少美元? 比特币的价格是多少? 您需要将代码包装到函数中。该功能需要在单击submit时执行

我尝试在html表单中获取两个数字,点击经典的“提交”按钮后,使用javascript在后台进行一些计算,然后在网页上显示结果

我不能在我的web主机上使用php

到目前为止,我所拥有的是:

迄今为止的守则:

var x=dirtyfiat;
var y=价格;
var z=x/(y/100000000);
document.getElementById(“sats”).innerHTML=z

多少美元?
比特币的价格是多少?

  • 您需要将代码包装到函数中。该功能需要在单击submit时执行
  • 表单提交事件必须具有默认值,或者按钮必须是
    type=“button”
  • 需要从使用
    document.querySelector(“[name=dirtyfiat]”)。值
    或给他们一个更简单的ID
  • HTML还没有浮点类型。你需要“号码”

  • 您还需要对非数字和除0进行一些处理

window.addEventListener(“加载”,函数(){//on page load
document.getElementById(“myForm”).addEventListener(“提交”,函数(e){//on submit
e、 preventDefault();//停止提交
//获取值-+将包含数字的字符串转换为数字
var x=+document.getElementById(“dirtyfiat”).value | | 0;//如果未输入任何内容,则将其设为0
var y=+document.getElementById(“price”).value | | 0;//如果未输入任何内容,则将其设为0
如果(isNaN(x))x=0;
如果(isNaN(y))y=0;
document.getElementById(“sats”).innerHTML=(y!=0)?x/(y/100000000):“不能被0除”;
})    
})

多少美元?
比特币的价格是多少?

首先,“float”不是有效的输入类型。您可以在此处找到它们的列表:

我们将把它们改为数字。接下来,我们需要为每个输入输入一个id,以便我们可以针对它们

以下是更正后的HTML:

<form>
  How much #dirtyFiat U.S. Dollars?
  <input id='dirtyinput' type="number" name="dirtyfiat"> What is the price of bitcoin?
  <input id='priceinput' type="number" name="price">
  <input id='submit' type="submit" value="Let's go!">

</form>
<p id="sats"></p>

这是您要求的基本版本。在错误处理和值检查方面,您可以做更多的工作。

在上面给出的URL中,我将变量固定为:x=1,y=8600。只是想看看并知道页面会打印计算结果。我不知道从哪里开始。。。这一点也不冒犯您,但一切都是错的,您必须真正熟悉HTML页面的基本工作原理,尤其是表单元素的工作原理。。。对于初学者,submit按钮将表单提交到服务器,它不会执行脚本。另外,直接使用元素名称引用页面上的元素是不可靠的。您需要删除submit按钮,然后添加一个按钮,在该按钮上您将侦听click事件,然后在单击该按钮时执行一些scripit。我不会被任何评论所冒犯。我只是想得到帮助,让页面正常工作。我的web主机允许我输入自定义HTML,我已经让页面在一定程度上正常工作。我只会被冒犯的人冒犯。我花时间学习基本的php,因为我的期望是这个计算会很简单,然后突然发现我的web主机不支持php,但他们支持javascript。我就是这样来到这里的。谢谢你们,这里到底有什么问题?所有这些代码都不起作用吗?请通过编辑itOMG将您的期望和可能的错误消息添加到问题中。真漂亮。在这里工作很好。复制并粘贴到我的web主机不起作用。可能是他们不再支持的东西。应该在任何地方都能用。如果您将我的表单而不是您的表单(我添加了一个ID)和我的脚本粘贴到您的脚本标记中,那么它应该可以正常工作。非常感谢!我喜欢荷兰人。比特币领域有一个非常突出的人物。他的名字是“B计划”。我们都喜欢他的作品。非常感谢。哎呀,对不起:)真的错了。我们采访了奥弗鲁普的首席技术官,他是荷兰人,给我们上了一些文化/地理课。那个节目还没播出,你看到我的答案了吗?您的代码将尝试提交表单。不建议附加到单击“提交”按钮上。我现在已经添加了。但是,您没有提到输入类型。未知类型会变成文本字段。这不是最重要的问题。无论如何,我更新了我的答案。
var output = document.getElementById('submit-btn');
output.addEventListener('click', function() {
    var x = document.getElementById('dirtyinput').value;
    var y = document.getElementById('priceinput').value;
    var result = x / y / 100000000;
    document.getElementById("sats").innerHTML = result;
})