0

我对编程很陌生，并且遇到了一些问题。我想创建一个表单（在 html 和 javascript 中），我可以在其中进行一些计算。这是关于数字和年份的。所以首先我需要输入输入字段，我可以在其中输入年份（如 2013 年）。这个输入值将连接到几个函数：

  1. 计算与当年的差异（如果我要求 2018 应该写 5，或者如果我要求 2000 应该写 -13 等等......）
  2. 检查年份是否为闰年（真/假或是/否，...）
  3. 计算我问的数字的总和（2018 = 11, 2013=6, ...）
  4. 如果数字是质数（真/假，是/否，...）
  5. 倒数（2013 = 3102, 2018=8102, ...）
  6. 显示一年的十二生肖
  7. 将年份转换为罗马数字 (1=I, 2=II, 10=X, ...)

我确实找到了一些功能，但我不能把它放在一起。如果有人可以提供帮助，我会非常有帮助。

我在网上找到的例子：

function isleap() {
    var yr = document.getElementById("year").value;
    if ((parseInt(yr) % 4) == 0) {
        if (parseInt(yr) % 100 == 0) {
            if (parseInt(yr) % 400 != 0) {
                alert("Not Leap");
                return "false";
            }
            if (parseInt(yr) % 400 == 0) {
                alert("Leap");
                return "true";
            }
        }
        if (parseInt(yr) % 100 != 0) {
            alert("Leap");
            return "true";
        }
    }
    if ((parseInt(yr) % 4) != 0) {
        alert("Not Leap");
        return "false";
    }
}

逆转：

<script type="text/javascript">
    var year, b = 0;
    year= parseInt(prompt("Enter year: "));

    document.write("You've entered: " + year+ "<br />");
    while(year> 0) {        
        b = b * 10
        b = b + parseInt(year% 10)
        year= parseInt(year/ 10)
    }
    document.write("Reverse numbers: ", b);

</script>

总和数字：

<script>
function find() {
    var sum = 0;
    var no = parseInt(frm.txt1.value);
    while (no > 0) {
        sum = sum + no % 10;
        no = Math.floor(no / 10);
    }
    alert("Sum of digits  " + sum);
}
</script>

<form name="frm">
    Enter a Number:<input name="txt1" type="text" />
    <input name="b1" onClick="find();" type="button" value="display" />
</form>
4

5 回答 5

2

分离关注点被认为是最佳实践，我使用 jQuery 作为我的DOM抽象库 - 这真的很容易。

使用这样的输入：

<input id="b1" name="b1" type="button" value="display" />

您可以像这样使用jQuery on 方法：

$('#b1').on('click', function (event) { alert('I was clicked'); });

$('#b1').on('click', function (event) { alert('I heard that click too'); });

您可以调用任何函数：

$('#b1').on('click', isLeap);

只是不要忘记在页面上使用此代码段包含 jQuery：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

于 2013-03-18T13:44:43.670 回答
1 
   <input name="b1" onClick="function1(),function2()" type="button" value="display" />

     you can call like this

   or
  <input name="b1" onClick="callAllFunctions();" type="button" value="display" />

function callAllFunctions(){
  function1();
  function2();
}
于 2013-03-18T13:30:15.267 回答
1

您可以只创建一个调用其他每个函数的函数，然后将其设置为表单的 onclick 函数。

function processData(){
    function1();
    function2();
    function3();

}

<input name="b1" onClick="processData();" type="button" value="display" />

用 PSR 建议的逗号分隔不同的函数调用也可以，但我认为这个结果更好，因为它使标记保持相对干净，并允许您根据需要更改脚本中的逻辑，而无需直接编辑标记或继续添加根据需要发挥作用。如果需要，您还可以通过这种方式将一个函数的结果直接传递给另一个函数。

于 2013-03-18T13:33:31.903 回答
1

我会用输入参数定义独立于表单的函数。然后，您只需将该参数传递给每个函数并根据需要显示结果。

<script type="text/javascript">
function isLeap(yr) {
    if ((parseInt(yr) % 4) == 0) {
        if (parseInt(yr) % 100 == 0) {
            if (parseInt(yr) % 400 != 0) {
                return "false";
            }
            if (parseInt(yr) % 400 == 0) {
                return "true";
            }
        }
        if (parseInt(yr) % 100 != 0) {
            return "true";
        }
    }
    if ((parseInt(yr) % 4) != 0) {
        return "false";
    }
}

function reverse(year) {
    var b = 0;
    year = parseInt(year);
    while (year > 0) {
        b = b * 10
        b = b + parseInt(year % 10)
        year = parseInt(year / 10)
    }
    return b;
}

function sum(no) {
    var sum = 0;
    while (no > 0) {
        sum = sum + no % 10;
        no = Math.floor(no / 10);
    }
    return sum;
}

function outputData() {
    var year = form.year.value;
    alert("Is leap: " + isLeap(year));
    alert("Reversed: " + reverse(year));
    alert("Sum: " + sum(year));
}
</script>

<form name="form">
    Enter a Number:<input name="year" type="text" />
    <input name="b1" onClick="outputData();" type="button" value="display" />
</form>
于 2013-03-18T13:44:11.663 回答
1

像这样的东西。这只是一个例子...

<input type="text" name="year" id="year" value="" />
<input type="button" name="process" value="processYear" id="proc" onclick="process()"/>


<script>
function isLeap(val)
{   
    if (val % 4 ==0 && ((val % 100 ==0 && val % 400 ==0) || (val % 100 !=0)))
    {
        console.log("Leap...");
        return true;
    }
    else
    {
        console.log("Not Leep...");
        return false;
    }
}

function _revers(val)
{
    _val = val+"";
    return _val.split("").reverse().join("");
}

function sum(val)
{
    _val = val+"";
    return _val.split("").reduce(function(previousValue, currentValue){
                return currentValue + parseInt(previousValue);
            })
}

function diff(val)
{
    return (new Date()).getFullYear() - val;
}

function process()
{
    val = parseInt(document.getElementById("year").value)|0;
    isLeap(val);
    console.log('reverse:', _revers(val));
    console.log('sum:', sum(val));
    console.log('diff:', diff(val));
}

于 2013-03-18T14:06:59.167 回答