Javascript计算器将分解数小时到几分钟秒

时间:2012-10-15 18:36:22

标签: javascript javascript-events

我有一个问题,为什么我的代码无法正确执行,我需要在应用这些命令时尽可能基本。我点击转换按钮什么都没有,我是否也需要一个命令呢?这是为了完成家庭作业,我已经花了好几个小时。

EDIT ***

  <html>
<head>

<script type="text/javascript">
<script>
function Convert()
onclick= document.getElementById('Convert')

    var years = document.getElementById("year").value;
    var days = document.getElementById("days").365.25 * years;
    var hours = document.getElementById("hours").(365.25 * 24) * years;
    var minutes = document.getElementById("minutes").(365.25 * 24 * 60) * years;
    var seconds = document.getElementById("seconds").(365.25 * 24 * 60 * 60) * years;

document.getElementById('days').value = days;
document.getElementById('hours').value = hours;
document.getElementById('minutes').value = minutes;
document.getElementById('seconds').value = seconds;



});
    </script>
  </head>
  <body>
    Years: <input type='text' id='years' /> 
    <button id='Convert'onclick= "Convert()" value= "Convert"/> Convert </button>

    Days: <input type='text' id='days' /> 
    Hours: <input type='text' id='hours' /> 
    Minutes: <input type='text' id='minutes' /> 
    Seconds: <input type='text' id='seconds' /> 
  </body>
 </html> 

1 个答案:

答案 0 :(得分:2)

一些事情(希望他们让你再次去):

  1. 你永远不会打电话给你的功能。在您的按钮上添加onClick处理程序。
  2. 你是prompt固定字符串而不是变量。
  3. 您必须从JavaScript中的input中提取数据。您可以使用document.getElementById()
  4. 注意,我可以给你答案,但是家庭作业和学习都是关于自己搞清楚。继续我的提示,看看你能想出什么。如果你再次陷入困境,用你所得到的东西来编辑你的问题。

    好的,下一轮。您需要在Convert函数中执行的操作:

    1. 首先,从表单中获取信息:

       var years = document.getElementById("year").value;
      
    2. 然后,你做计算:

       var days = 365 * years;
      
    3. 最后,回写结果:

      document.getElementById("days").value = days;
      
    4. 一些额外提示:

      1. 您错过了id='Convert'onclick
      2. 之间的空格
      3. 为Firefox安装Firebug之类的调试器。
      4. 祝你好运!

        第三轮;这是完整的答案。试着了解发生了什么。从工作实例中学习通常很好。

        我找到了额外的东西:

        1. html中的额外<script>标记
        2. 函数定义错误,应为function foo() { }
        3. ------完整答案如下-----

          <html>
          <head>
          
          <script type="text/javascript">
          
          // Declare a function called Convert()
          function Convert() {
              // Get the value of what the user entered in "years"
              var years = document.getElementById("years").value;
          
              // Calculate all the other values
              var days = years * 365.25;
              var hours = days * 24;
              var minutes = hours * 60;
              var seconds = minutes * 60;
          
              // Write the results in the input fields    
              document.getElementById('days').value = days;
              document.getElementById('hours').value = hours;
              document.getElementById('minutes').value = minutes;
              document.getElementById('seconds').value = seconds;
          }
          </script>
          </head>
            <body>
              Years: <input type='text' id='years' /> 
              <!-- define a button that will call Convert() when clicked on -->
              <button id='Convert' onclick= "Convert()" value="Convert">Convert</button>
          
              Days: <input type='text' id='days' /> 
              Hours: <input type='text' id='hours' /> 
              Minutes: <input type='text' id='minutes' /> 
              Seconds: <input type='text' id='seconds' /> 
            </body>
           </html>