如何通过单击HTML按钮执行JavaScript函数？

Question

我正在尝试编写一小段html代码，给定两个初始数量，试图找到大于或等于第一个整数的数字，该数字将第二个给定数量完全除。 代码尝试对数字进行除法，如果不成功，则将第一个数字加1，然后再次尝试除法，依此类推...

我希望代码返回将第二个数字完全除的值以及除的答案（周围有一些纯文本）。

除此之外，或者至少我想要的是，在单击5个不同的按钮之一时，对第一个给定的数字执行乘法运算，将其舍入到最接近的整数，然后函数尝试将其划分为第二个给定的数字。

如果不向您展示我到目前为止的代码，很难确切地解释我想要的东西，所以这里是：

<html>

<head>

<b>Rounded Commodity Pricing:</b><br>

<script language="Javascript">

function finddivid(marketprice,tradevalue) { 

var KWDex = 0.281955
var GBPex = 0.625907
var USDex = 1
var CADex = 0.998727
var EURex = 0.784594

if 
  (currency == "KWD") 
  var currencyMarketprice = Math.ceil(marketprice*KWDex)
else if
  (currency == "GBP")
  var currencyMarketprice = Math.ceil(marketprice*GBPex)
else if 
  (currency == "USD") 
  var currencyMarketprice = Math.ceil(marketprice*USDex)
else if 
  (currency == "CAD") 
  var currencyMarketprice = Math.ceil(marketprice*CADex)
else if 
  (currency == "EUR") 
  var currencyMarketprice = Math.ceil(marketprice*EURex)


if (tradevalue % currencyMarketprice == 0)
  return ("tonnage = " + tradevalue / currencyMarketprice + " mt, and price = " + currencyMarketprice +" " +currency +" per mt");
else
  {for (var counter = currencyMarketprice+1; counter<(currencyMarketprice*2); counter++) {
   if (tradevalue % counter == 0)
     return ("tonnage = " + tradevalue / counter + " mt, and price = " + counter +" " +currency +" per mt");}}};

</script>

</head>

<p>Select currency:
<input type="button" value="KWD" OnClick="var currency = KWD">
<input type="button" value="USD" OnClick="var currency = USD">
<input type="button" value="GBP" OnClick="var currency = GBP">
<input type="button" value="EUR" OnClick="var currency = EUR">
<input type="button" value="CAD" OnClick="var currency = CAD">

<P>Enter today's price of commodity in USD: <input name="mktprc" input type="number"><br><p>
<P>Enter value of trade: <input name="trdval" input type="number">

<input type="button" value="Calculate" OnClick="showMeArea.value=finddivid(mktprc,trdval);">

<p>
<br><br>

<input name="showMeArea" readonly="true" size="30">

</html>

如果您在浏览器中运行此html，则应该看到我正在尝试实现的目标。

它远未完成，但以下是我需要帮助的主要问题/功能：

我希望能够单击“货币”按钮之一，以便在单击时分配变量“货币”，然后在函数finddivid中使用它。

（2.这一点现在不那么重要了，但是最终，一旦它起作用了，我希望它能使它在单击货币按钮之一时改变颜色，突出显示或其他方式，以便用户知道哪个他们使用的货币汇率。）

在两个框中输入数字后，我想单击“计算”，然后将其在代码末尾的代码中将我在函数中编写的内容返回到“ showMeArea”只读框中。

我知道我可能缺少很多东西，可能离成功还有几步之遥，但是我对编程非常陌生（从4天前开始！），所以希望可以提供任何帮助。

在此先感谢您的评论。

Answer 1

第一个请求要求您将货币放入实际脚本中，我建议使用setter函数：

<script language="Javascript">

var currency;   // you might want to set this at a default just in case

function setCurrency(val) { currency = val; }    // Setter function

function finddivid(marketprice,tradevalue) {

然后在您的按钮中调用它，单击：

<input type="button" value="KWD" onClick="setCurrency('KWD');">

至于第二个请求，我想说您对这个概念已经足够了解了，但是您没有完全正确的方法。 首先，您的输入将需要一个id属性：

<input name="mktprc" id="mktprc" input type="number">
<input name="trdval" id="trdval" input type="number">

名称属性用于发布值，javascript使用id属性在页面中查找元素。 使用jQuery将使检索这些元素变得容易，但是我将展示jQuery和执行此操作的标准JavaScript方法：

jQuery的：

<input type="button" value="Calculate" OnClick="$('#showMeArea').val(finddivid($('#mktprc'),$(#'trdval')));">

$('#id')选择一个元素。 方法.val()设置值。
jQuery纯粹主义者的注意事项：是的，有许多更好/复杂的方法可以使用jQuery完成此操作，但是此答案针对我对OP的JavaScript功能的理解。

标准Javascript：

<input type="button" value="Calculate" OnClick="document.getElementById('showMeArea').value = finddivid(document.getElementById('mktprc'),document.getElementById('trdval'));">

如何通过单击HTML按钮执行JavaScript函数？

问题描述

1 个解决方案

解决方案1
3 已采纳 2012-11-09 13:40:32

如何通过单击HTML按钮执行JavaScript函数？

问题描述

1 个解决方案

解决方案1 3 已采纳 2012-11-09 13:40:32

解决方案1
3 已采纳 2012-11-09 13:40:32