2017-02-18 14 views
-3
<script> 
var a = false; 
function toggleBold(){ 
    a = !a; 
    if(a){ 
     document.getElementById("entertext").style.fontWeight=700; 
    } 
    else{ 
     document.getElementById("entertext").style.fontWeight=200; 
    } 
} 

var b = false; 
function toggleitalic(){ 
    b = !b; 
    if(b){ 
     document.getElementById("entertext").style.fontStyle="italic"; 
    } 
    else { 
     document.getElementById("entertext").style.fontStyle="normal"; 
    } 
} 

var c = false; 
function toggleline() { 
    c =!c; 
    if(c){    
     document.getElementById("entertext").style.textDecoration="underline"; 
    } 
    else { 
     document.getElementById("entertext").style.textDecoration="none"; 
    } 
} 


var r = false; 
function togglered() { 
    console.log("clicked"); 
    r=!r; 
    if(r){ 
     document.getElementById("entertext").style.color="red"; 
    } 
    else{ 
     document.getElementById("entertext").style.color="black"; 
    } 
} 

var b = false; 
function toggleblue() { 
    console.log("clicked"); 

    b=!b; 
    if(b){ 
     document.getElementById("entertext").style.color="blue"; 
    } 
    else{ 
     document.getElementById("entertext").style.color="black"; 
    } 
} 

var g = false; 
function togglegreen() { 
    g=!g; 
    if(g){ 
     document.getElementById("entertext").style.color="green"; 
    } 
    else{ 
     document.getElementById("entertext").style.color="black"; 
    } 
} 

var imp = false; 
function togglefontA(){ 
    imp = !imp; 
    if(imp){ 
     document.getElementById("entertext").style.fontFamily= "Impact,Charcoal,sans-serif"; 
    } 
} 


var tim = false; 
function togglebfontB(){ 
    tim=!tim; 
    if(tim){ 
     document.getElementById("entertext").style.fontFamily = "Times New Roman, Times, serif"; 
    } 
} 

var age = false; 
function togglefontC(){ 
    age=!age; 
    if(age){ 
     document.getElementById("entertext").style.fontFamily = "Agency FB, verdana, helvetica, sans-serif"; 
    } 
} 

var nor = false; 
function togglefontD(){ 
    nor=!nor; 
    if(nor){ 
     document.getElementById("entertext").style.fontFamily = "Arial, Helvetica, sans-serif"; 
    } 
} 


function rgb(){ 
    if(check()){ 
     document.getElementById("entertext").style.backgroundColor = 
      "rgb("+document.getElementById("red").value+"," 
      + document.getElementById("green").value+"," 
      + document.getElementById("blue").value+")"; 
    } 
    else{ 
     document.getElementById("entertext").style.backgroundColor = "white"; 
    } 
} 

function check(){ 
    var red= document.getElementById("red").value; 
    var green= document.getElementById("green").value; 
    var blue= document.getElementById("blue").value; 
    return red <= 255 && red >= 0 && green <= 255 && green >= 0 && blue <= 255 && blue >= 0; 
} 

    </script> 

私の個人的なノートパソコンのInternet Explorerではこのコードが動作しますが、Chromeでは動作しないという問題があります。私のユニコンピュータでは、コードはクロムやインターネットエクスプローラではまったく動作しません。私は間違った括弧を探してコードを調べようとしましたが、問題を見つけることはできませんでした。これは前に起こっており、問題は配置されていないか括弧がないことでした。誰かがこのコードを読んで、何が間違っているか不足しているかを教えてもらえますか?私はこのコードを持っていますが、なぜ誰かが教えてくれますか?

+1

それはそれを見ることで、私はそれが動作しない場合、あなたはブラウザのデベロッパーコンソールを開いて、そこにエラーを探していることをお勧めします*だけ*コードの一部について間違って何伝えるのは難しいです。これらはしばしば非常に便利で、自分で問題を解決するのに役立ちます。できない場合は、コード内の問題の内容を他の人が見て助けやすくなります。 – Frxstrem

+2

a)あなたの閉じ括弧/括弧(つまりSublime Text)を強調するテキストエディタを使用し、b)あなたが正しくインデントしている場合は、ブラケットが見つからない場合があります。 – JakeParis

+1

あなたは問題の内容についても言及していません。あなたはそれをデバッグする必要があります。 – Carcigenicate

答えて

0

これは正確にの回答ではありませんが、コードの繰り返しビット数を制限し、グローバル変数はありません。

/* This only operates on the element with id="entertext". 
* You could easily rewrite the function to pass in an element to 
* operate on. If no 3rd parameter is passed, it won't do anything if the 
* style is not equal to the first. 
*/ 
function toggleStyle(property,ifTrueValue,ifFalseValue){ 
    var el = document.getElementById('entertext'); 
    if(el.style[property] !== ifTrueValue) 
     el.style[property] = ifTrueValue; 
    else if (typeof ifFalseValue !== 'undefined') 
     el.style[property] = ifFalseValue; 
    } 
} 

function toggleBold(){ 
    toggleStyle('fontWeight',700,200); 
} 

function toggleitalic(){ 
    toggleStyle('fontStyle','italic','normal'); 
} 

function toggleline() { 
    toggleStyle('textDecoration','underline','none'); 
} 

function togglered() { 
    toggleStyle('color','red','black'); 
} 

function toggleblue() { 
    toggleStyle('color','blue','black'); 
} 

function togglegreen() { 
    toggleStyle('color','green','black'); 
} 

function togglefontA(){ 
    toggleStyle('fontFamily',"Impact,Charcoal,sans-serif") 
} 


function togglebfontB(){ 
    toggleStyle('fontFamily',"Times New Roman, Times, serif"); 
} 

function togglefontC(){ 
    toggleStyle('fontFamily',"Agency FB, verdana, helvetica, sans-serif"; 
} 

function togglefontD(){ 
    toggleStyle('fontFamily',"Arial, Helvetica, sans-serif"); 
} 


function rgb(){ 
    var rgb = getRGB() 
     color; 

    if(rgb == false) 
     color = 'white'; 
    else 
     color = "rgb("+rgb.red+","+rgb.green+","+rgb.blue+")"; 
    toggleStyle('backgroundColor', color); 
} 


function getRGB(){ 
    var red= document.getElementById("red").value; 
    var green= document.getElementById("green").value; 
    var blue= document.getElementById("blue").value; 
    if(red <= 255 && red >= 0 && green <= 255 && green >= 0 && blue <= 255 && blue >= 0) { 
     return { 
      'red': red, 
      'green': green, 
      'blue': blue 
     } 
    } else 
     return false; 
} 
関連する問題