divにJavascript変数を追加してCSSからの書式設定を許可する方法

-1

私の目標は、CSSからの書式設定を可能にするために、divに3つのJavascript変数を追加することです。どのようにこれらのアイテムをdivに入れますか？divにJavascript変数を追加してCSSからの書式設定を許可する方法

function myWindow() 
 
{ 
 
\t visitorEmail = document.getElementById("myEmail").value; 
 
\t var findSymbol = /[@]/g; 
 
\t var result = visitorEmail.match(findSymbol); 
 
\t if (result != "@") { 
 
\t \t document.getElementById("myEmail").focus(); 
 
\t } 
 
\t else { 
 
    \t visitorName = document.getElementById("myName").value; 
 
\t \t visitorAddress = document.getElementById("myAddress").value; 
 
\t \t visitorPhone = document.getElementById("myPhone").value; 
 
\t \t visitorPersonal = document.getElementById("myPersonal").value; 
 
\t \t visitorCareer = document.getElementById("myCareer").value; 
 
\t \t visitorEdu = document.getElementById("myEdu").value; 
 
\t \t visitorEmp1 = document.getElementById("myEmp1").value; 
 
\t \t visitorEmpDets1 = document.getElementById("myEmpDets1").value; 
 
\t \t visitorEmp2 = document.getElementById("myEmp2").value; 
 
\t \t visitorEmpDets2 = document.getElementById("myEmpDets2").value; 
 
\t \t visitorEmp3 = document.getElementById("myEmp3").value; 
 
\t \t visitorEmpDets3 = document.getElementById("myEmpDets3").value; 
 
\t \t visitorEmp4 = document.getElementById("myEmp4").value; 
 
\t \t visitorEmpDets4 = document.getElementById("myEmpDets4").value; 
 
\t \t visitorRef = document.getElementById("myRef").value; 
 
\t \t 
 
    \t myTop = ("<html>\n<head>\n<title>Resume</title>\n</head>\n<body>\n"); 
 
    \t myTop += (visitorName + "<br>"); 
 
\t \t myTop += (visitorAddress + "<br>"); 
 
\t \t myTop += (visitorPhone + "<br>"); 
 
\t \t myTop += (visitorEmail + "<hr>" + "<br>"); 
 
\t \t 
 
\t \t myText = ("<html>\n<head>\n<title>Resume</title>\n</head>\n<body>\n"); 
 
\t \t myText += (visitorPersonal + "<br>"+ "<br>"); 
 
\t \t myText += (visitorCareer + "<br>"+ "<br>"); 
 
\t \t myText += (visitorEdu += "<br>"+ "<br>"); 
 
\t \t myText += (visitorEmp1 += "<br>"); 
 
\t \t myText += (visitorEmpDets1 += "<br>"+ "<br>"); 
 
\t \t myText += (visitorEmp2 += "<br>"); 
 
\t \t myText += (visitorEmpDets2 += "<br>"+ "<br>"); 
 
\t \t myText += (visitorEmp3 += "<br>"); 
 
\t \t myText += (visitorEmpDets3 += "<br>"+ "<br>"); 
 
\t \t myText += (visitorEmp4 += "<br>"); 
 
\t \t myText += (visitorEmpDets4 += "<br>"+ "<br>"); 
 
\t \t myText += (visitorRef += "<br>"); 
 
    \t myText += ("</body>\n</html>"); 
 
\t \t 
 
\t \t myHeadings = ("<html>\n<body>\n"); 
 
\t \t myHeadings += ("PERSONAL INFORMATION"+ "<br>"); 
 
\t \t myHeadings += ("CAREER OBJECTIVES"+ "<br>"); 
 
\t \t myHeadings += ("EDUCATIONAL BACKGROUND"+ "<br>"); 
 
\t \t myHeadings += ("EXPERIENCE"+ "<br>"); 
 
\t \t myHeadings += ("BUSINESS REFERENCES"+ "<br>"); 
 
\t \t 
 
    \t flyWindow = window.open('about:blank','myPop','width=600,height=500,left=200,top=200'); 
 
    \t flyWindow.document.write('<html><head><link rel="stylesheet" type="text/css" href="jsStyles.css" /></head><body><div>' + myTop + myText + '</div></body></html>'); 
 
\t } 
 
}

ありがとうございます！

出典

2017-04-21 Brian Thacker _ Staff - Rolesv

これはたくさんの入力のようです。私は<br> -sを繰り返すものをすべて<li>とラップします。 Porbably私はいくつかの文字列の引数を取ると、<li>に挿入関数を書く必要があります。あなたのフォームから文字列の配列を作成し、次のような関数を使って繰り返します：

const array = [visitorName, visitorAddress, visitorPhone...]; 

function createLi(string){ 
    return `<li>${string}</li><br>`; 
} 

array.map(item => createLi(item));

出典

2017-04-21 17:47:10

ありがとう！私は漠然とこのことを覚えていますが、今私は研究すべきことがあります。 ;-) –

@Brian Thacker _ Staff - Rolesv [テンプレートリテラル]（https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals）、[矢印関数]（https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/Arrow_functions）とvanilla [Array.prototype.map（）]（https：//developer.mozilla。 org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/map？v = example）メソッド –

divにJavascript変数を追加してCSSからの書式設定を許可する方法

答えて

関連する問題