Hướng dẫn how to display the html form output on the same page using javascript - cách hiển thị đầu ra của biểu mẫu html trên cùng một trang bằng javascript

Tôi muốn mã HTML, JavaScript đầy đủ để hiển thị dữ liệu biểu mẫu trên cùng một trang

Những gì tôi đã thử:

Kiểm tra đầu vào

function testVarable [] {var strtext = document.getEuityById ["covertone"]; document.write [strtext.value]; var strtext1 = document.getEuityById ["texttwo"]; document.write [strText1.value]; }
var strText = document.getElementById["textone"];
document.write[strText.value];
var strText1 = document.getElementById["textTWO"];
document.write[strText1.value];
}

Mã số,

    
        function testVariable[] {
            var strText = document.getElementById["textone"].value;          
            var strText1 = document.getElementById["textTWO"].value;
            var result = strText + ' ' + strText1;
            document.getElementById['spanResult'].textContent = result;
             
        }
    

 
    
    
    Submit 

    

    
   
     

Không sử dụng Document.Write. Nếu bạn muốn thêm nội dung vào một trang, bạn cần làm việc với DOM. Google "Tạo Div JavaScript" hoặc "Tạo Span JavaScript" cho các ví dụ, về cơ bản bạn cần tạo một yếu tố có văn bản của bạn trong đó và thêm phần tử đó vào một phần của trang bạn muốn văn bản hiển thị.

Ngoài ra, div \ span bạn muốn văn bản xuất hiện tại trang và chỉ cập nhật nó

document.getElementById["myDiv"].innerHTML = strText.value;

     
 
  

  Submit
    
            

          

hàm myfunction [] {var a, b, currdate, d, n; a = document.frm.text.value; b = a.subString [0,2]; var currdate = ngày mới [];
var a,b,currdate,d,n;
a= document.frm.text.value;
b=a.substring[0,2];
var currdate = new Date[];

var currdate = currdate.getDate [] + '' + [currdate.getMonth [] + 1] + '' + chuỗi [currdate.getlyear []]. var d = ngày mới []; var n = d.getSeconds []; document.getEuityById ["popcode"]. InternalHtml = b+currdate+n;
var d = new Date[];
var n = d.getSeconds[];
document.getElementById["popcode"].innerHTML =b+currdate+n;

}

    
    
    Document
    
        function testVariable[] {
            debugger
            var strText = document.getElementById["txtName"].value;
            var strText1 = document.getElementById["txtEmail"].value;
            document.getElementById["p1"].innerHTML = strText;
            document.getElementById["p2"].innerHTML = strText1;

        }
    



    

        
        
        
    
    
        
        
    

  
  
  
    function showInput[] {
        document.getElementById['display'].innerHTML = 
                    document.getElementById["user_input"].value;
    }
  

  


  
    Enter a Message
    
  
  

  Your input: 
  

    
    
    
    Document


    
        
            
Registration Form
            
            

            

            
        
        
        
Name: 
        
Email: 
    
    
    const register = function [event] {
    
    let r_name = document.querySelector["#name"].value;
    let r_email = document.querySelector["#email"].value;
    
    display_name.innerHTML = r_name;
    display_email.innerHTML = r_email;
    event.preventDefault[];
    };
    

Nội dung này, cùng với bất kỳ mã nguồn và tệp liên quan nào, được cấp phép theo giấy phép mở của Dự án Mã [CPOL]

Làm thế nào để bạn thu thập các trường biểu mẫu và hiển thị chúng trên cùng một trang?

Phương pháp nào được sử dụng để hiển thị dữ liệu ở dạng bằng JavaScript?

Làm thế nào hiển thị dữ liệu biểu mẫu sau khi gửi trong HTML?

Làm thế nào để bạn liên kết một biểu mẫu trong JavaScript?