変数を作成できますが、javascriptで非表示にすることはできますか？

Question

私は、テキストボックスの背景の色を変更して境界線を追加できるスクリプトを作成しようとしていますが、私は背景が働いていて境界線スクリプトは機能していますが、オプションの境界線を追加することにし、ここでスクリプトは次のとおりです。

function newColor(){ 
 
\t var colorChange = prompt('What color would you like the background?'); 
 
    var borderConfirm = confirm('Would you like a border?'); 
 
\t var borderSize = prompt('Would you like your border to be thin, medium, or thick?'); 
 
\t var borderColor = prompt('What color would you like your border?'); 
 
if(borderConfirm == true){ 
 
    borderSize; 
 
    borderColor; 
 
} 
 
    else{ 
 
    alert('No border will be added'); 
 
    } 
 
    document.getElementById('backgroundcolorchange').style.backgroundColor = colorChange; 
 
\t document.getElementById('backgroundcolorchange').style.borderWidth = borderSize; 
 
\t document.getElementById('backgroundcolorchange').style.borderColor = borderColor; \t 
 

 
\t console.log(borderSize); 
 
\t console.log(borderColor); 
 
}

#backgroundcolorchange{ 
 
\t background-color:#900; 
 
\t width:auto; 
 
\t height:auto; 
 
\t position:absolute; 
 
\t border:.001px #900 solid; \t 
 
}

<div id="backgroundcolorchange" onClick="newColor()"> 
 
<p id="test" style="margin:0;"> Your Text Will Go Here! </p> 
 
</div>

私の変数や私の文と間違って何かあれば、後に、私は知らないまでそれはオプションを与えるものではありません。助けてください。

Answer 1

function newColor(){ 
     var colorChange = prompt('What color would you like the background?'); 
     var borderConfirm = confirm('Would you like a border?'); 
    if(borderConfirm == true){ 
     var borderSize = prompt('Would you like your border to be thin, medium, or thick?'); 
var borderColor = prompt('What color would you like your border?'); 
    } 

Answer 2

function newColor(){ 
 
\t var colorChange = prompt('What color would you like the background?'); 
 
    var borderConfirm = confirm('Would you like a border?'); 
 
\t if(borderConfirm == true){ 
 
var borderSize = prompt('Would you like your border to be thin, medium, or thick?'); 
 
\t var borderColor = prompt('What color would you like your border?'); 
 
    
 
    document.getElementById('backgroundcolorchange').style.borderWidth = borderSize; 
 
\t document.getElementById('backgroundcolorchange').style.borderColor = borderColor; 
 
} 
 
    else{ 
 
    alert('No border will be added'); 
 
    } 
 
    document.getElementById('backgroundcolorchange').style.backgroundColor = colorChange; 
 
\t \t 
 

 
\t console.log(borderSize); 
 
\t console.log(borderColor); 
 
}

#backgroundcolorchange{ 
 
\t background-color:#900; 
 
\t width:auto; 
 
\t height:auto; 
 
\t position:absolute; 
 
\t border:.001px #900 solid; \t 
 
}

<div id="backgroundcolorchange" onClick="newColor()"> 
 
<p id="test" style="margin:0;"> Your Text Will Go Here! </p> 
 
</div>