Nasıl html olarak bir document.getelementbyid çıktı alanı kopyalayabilirim (veya tümünü seçmek için bir düğmeye sahip olmak zorundayım)?

Question

Temelde, işteyken bana yardımcı olmak için bir document.getelementbyid çıktısına çıkacak bir metin parçasını kopyalayacak bir düğme kurmaya çalışıyorum. Çıktı ve her şey için şimdiye kadar sahip olduğum şey bu, ama tüm giriş alanlarımdan alınan her şeyi otomatik olarak vurgulayacak bir düğmeye sahip olmayı çok isterim.

function display(){ 

    var caller = document.getElementById("form1").value; 
    var ctn = document.getElementById("form2").value; 
    var fan = document.getElementById("form3").value; 
    var business = document.getElementById("form4").value; 
    var requestor = document.getElementById("form5").value; 
    var reason = document.getElementById("form6").value; 
    document.getElementById("output").innerHTML = "form1: " + form1 + "<br>form2: " + form2 + "<br>form3: " + form3 + "<br>form4: " + form4 + "<br>form5: " + form5 + "<br>form6: " + form6; 
} 

Bu üstündeki benim giriş alanları veri akışlarını (doğal olarak onlar sadece burada tescilli bir şey kopyalayamazsınız, belgedeki farklı isim ve etiketleri var). Aşağıdaki kodlar, tıklattığımda görüntüleyeceğim sayfada görüntülenecek düğme kodu ve paragraf kodudur.

<button onclick="display();" style="width: 50px; background-color:#3ea055">Submit</button> 

<p id="output"></p> 

Ben de seçme onu almak ya kopyalamak ya da her türlü online kod birkaç farklı parçacıkları denedim ve çalışmıyor.

Answer 1

yazdırmak nerede form2 vb, senin değişken adlarına değerleri değiştirdik çıktı alanda doğrultusunda bu

function display(){ 
 

 
    var caller = document.getElementById("form1").value; 
 
    var ctn = document.getElementById("form2").value; 
 
    var fan = document.getElementById("form3").value; 
 
    var business = document.getElementById("form4").value; 
 
    var requestor = document.getElementById("form5").value; 
 
    var reason = document.getElementById("form6").value; 
 
    document.getElementById("output").innerHTML = "form1: " + caller + "<br>form2: " + ctn + "<br>form3: " + fan + "<br>form4: " + form4 + "<br>form5: " + requestor + "<br>form6: " + form6; 
 
}

Answer 2

deneyin form1 adında değişkenler yok output öğesinin değerleri, daha önce doldurduğunuz değişkenleri kullanmanız gerekir.

document.getElementById("output").innerHTML = "form1: " + caller + "<br>form2: " + ctn+ "<br>form3: " + fan + "<br>form4: " + business + "<br>form5: " + requestor + "<br>form6: " + reason;