Hướng dẫn alert multiple values javascript - cảnh báo nhiều giá trị javascript

Tôi là người mới trong JS và cố gắng hiển thị một hộp cảnh báo khi người dùng nhập "tên tin nhắn tên" của anh ấy/cô ấy trong trang HTML của tôi. Hộp cảnh báo đó phải chứa thông tin được đưa ra bởi người dùng. Đây là những gì tôi đã làm;

Send
                        
                            function test[] {
                                let inputName = document.getElementById["cf-name"];
                                let inputMail = document.getElementById["cf-mail"];
                                let inputMessage = document.getElementById["cf-message"];

                                let total = [inputName.value];
                                alert[inputName.value + '\n' + inputMessage.value];
                            }
                        

Khi tôi chạy nó, tôi nhận được đầu ra này.

Làm thế nào tôi có thể khắc phục vấn đề này? Nếu bạn có thể giúp tôi sẽ được đánh giá cao.

hỏi ngày 28 tháng 6 năm 2021 lúc 6:36Jun 28, 2021 at 6:36

RoxoxroxoxRoxox

1076 Huy hiệu Đồng6 bronze badges

Trước tiên bạn cần lấy .value cho mỗi đầu vào, thay vì áp dụng nó cho toàn bộ thông báo cảnh báo.

Send

  function test[] {
    let inputName = document.getElementById["cf-name"];
    let inputMail = document.getElementById["cf-mail"];
    let inputMessage = document.getElementById["cf-message"];

    let total = [inputName.value + '\n' + inputMail.value + '\n' + inputMessage.value];
    alert[total];
  }

Đã trả lời ngày 28 tháng 6 năm 2021 lúc 6:41Jun 28, 2021 at 6:41

TechySharNavtechysharnavTechySharnav

4.5092 huy hiệu vàng11 Huy hiệu bạc28 Huy hiệu đồng2 gold badges11 silver badges28 bronze badges

2

Bạn đang thêm các nút dom. Tôi sẽ cho rằng bạn muốn tổng hợp giá trị của các yếu tố đó thay thế? Nếu đó là trường hợp, hãy truy cập giá trị của chúng và lưu trữ nó trong các biến như vậy:

function test[] {
    const inputName = document.getElementById["cf-name"].value;
    const inputMail = document.getElementById["cf-mail"].value;
    const inputMessage = document.getElementById["cf-message"].value;

    const total = [inputName + '\n' + inputMail + '\n' + inputMessage];
    alert[total];
}

Một số ghi chú bổ sung:

• Sử dụng const thay vì let, vì các biến đó không được chỉ định lại sau trong mã của bạn
• Tránh sử dụng alert[]. Sử dụng

  
  
  
  
  Send
  
    function test[] {
      let inputName = document.getElementById["cf-name"];
      let inputMail = document.getElementById["cf-mail"];
      let inputMessage = document.getElementById["cf-message"];
  
      let total = [inputName.value + '\n' + inputMail.value + '\n' + inputMessage.value];
      alert[total];
    }
  

  0 thay thế và mở các công cụ Dev trình duyệt của bạn để kiểm tra đầu ra

Đã trả lời ngày 28 tháng 6 năm 2021 lúc 6:39Jun 28, 2021 at 6:39

TerryterryTerry

59.3K15 Huy hiệu vàng85 Huy hiệu bạc108 Huy hiệu đồng15 gold badges85 silver badges108 bronze badges

3

Chỉ cần vượt qua tổng biến trong cảnh báo của bạn

alert[total]

Đã trả lời ngày 28 tháng 6 năm 2021 lúc 6:38Jun 28, 2021 at 6:38

thử cái này :

function test[] {
    const inputName = document.getElementById["cf-name"].value;
    const inputMail = document.getElementById["cf-mail"].value;
    const inputMessage = document.getElementById["cf-message"].value;
    alert[inputName +'\n' +inputMail +'\n'+ inputMessage +'\n'];
}

Đã trả lời ngày 28 tháng 6 năm 2021 lúc 6:45Jun 28, 2021 at 6:45

1

Bạn có thể viết nó như

Send

  function test[] {
    let inputName = document.getElementById["cf-name"].value;
    let inputMail = document.getElementById["cf-mail"].value;
    let inputMessage = document.getElementById["cf-message"].value;

    let total = [inputName + '\n' + inputMail + '\n' + inputMessage];
    alert[total];
  }

Và kết quả sẽ giống như nếu đầu vào đầu tiên có 5 giá trị thứ hai có 6 và thứ ba có 11, nó sẽ cảnh báo như vậy.

Đã trả lời ngày 28 tháng 6 năm 2021 lúc 6:47Jun 28, 2021 at 6:47

1