Trung tâm cá nhân
cuốn sách gpt4 ai đã làm

javascript - Tổng hợp JavaScript

In lại Tác giả: Walker 123 Thời gian cập nhật: 28-11-2023 00:56:25 26 4
mua khóa gpt4 Nike

Tôi đang cố gắng lấy giá trị của từng phân số trong số ba phân số rồi cộng chúng lại với nhau và hiển thị chúng dưới dạng "Tổng:". Vấn đề của tôi là không biết làm thế nào để mỗi khi một trong các giá trị điểm thay đổi thì tổng giá trị điểm tương ứng cũng thay đổi theo.

Tôi có thể gọi "onchange" ở đâu đó để thực hiện công việc này không? Cảm ơn. 



  <đầu>
    
  
  
    
      
        
          
            Tổng cộng: 
            
          
        
      
    
  
    
      Điểm 1
      

      Điểm 2
      

      Điểm 3
Xem sitemap của VNExpress

Đây là lớp JavaScript getTotal.js của tôi

hàm tổng() {
    var Score1 = document.getElementById("score1");
    var Score2 = document.getElementById("score2");
    var Score3 = document.getElementById("score3");

    về điểm1 + điểm2 + điểm3;
}

chức năng gán() {
    var TotalScore = document.getElementById("total");
    tổng điểm = tổng số;
}

câu trả lời hay nhất

您的代码“按原样”将无法工作。正如我在评论中提到的，您需要查看 parseFloat() (hoặc parseInt() 取决于您允许的值)，以及 DOM 对象的 giá trị 属性。最后，onchangehoặconkeyup事件可用于用户交互。

将所有这些结合起来将为您提供以下工作示例:

var score1Field = document.getElementById('score1'),
    score2Field = document.getElementById('score2'),
    score3Field = document.getElementById('score3');

function sumit()
{
    var score1 = parseFloat( score1Field.value ),
        score2 = parseFloat( score2Field.value ),
        score3 = parseFloat( score3Field.value );

    if( isNaN( score1 ) ) { score1 = 0; }
    if( isNaN( score2 ) ) { score2 = 0; }
    if( isNaN( score3 ) ) { score3 = 0; }

    total = score1 + score2 + score3;

    document.getElementById('total').innerHTML = total;
}

// Bind our events:
score1Field.onkeyup = sumit;
score2Field.onkeyup = sumit;
score3Field.onkeyup = sumit;

// Call it when the page loads to handle default values:
sumit();

jsFiddle Demo

关于javascript - JavaScript 总和，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/26170830/

26 4 0
Đề xuất bài viết: javascript - 更改当前内联 jQuery UI 日期选择器的默认日期
Đề xuất bài viết: javascript - 在 VueJS 中为组件设置焦点
Đề xuất bài viết: Javascript 验证似乎不起作用？有什么错误吗？
Đề xuất bài viết: html - 导航栏中的图标不保持内联
Walker 123
Hồ sơ

Tôi là một lập trình viên xuất sắc, rất giỏi!

Nhận phiếu giảm giá taxi Didi miễn phí
Phiếu giảm giá taxi Didi
Các bài viết phổ biến trên toàn bộ trang web
Chứng chỉ ICP Bắc Kinh số 000000
Hợp tác quảng cáo: 1813099741@qq.com 6ren.com