背景色とテキストを変更すると、ロジックはありますがスクリプトは機能しません。

私は自分の宿題に問題があります。我々は、背景色とテキストを変更するはずです、ユーザーはどの色を選択することができ、フォントをSerifまたはSans-Serifから変更するかどうかを選択できます。私はこれが簡単なスクリプトだと思うし、自分のロジックがそこにあるような気がするが、色やフォントのいずれかをクリックしても何も変わらない。背景色とテキストを変更すると、ロジックはありますがスクリプトは機能しません。

<!DOCTYPE html> 
<html> 
    <head> 
    <title>12.6</title> 
    <script type="text/javascript"> 

    function changeBGC(color) 
    { 
     document.bigColor = color; 
    } 

    function changeFontFamily(fontFam) 
    { 
     document.getElementById("para").style.fontFamily = fontFam; 
    } 
    </script> 
</head> 

<body> 
    <a href="#" onClick="changeBGC('blue')">Blue Color</a> 
    <a href="#" onClick="javascript:changeBGC('yellow')">Yellow Color</a> 
    <a href="#" onClick="javascript:changeBGC('green')">Green Color</a> 

    <br> 

    <a href="#" onClick="javascript:changeFontFamily('Arial, sans-serif')">SansSerif font!</a> 
    <a href="#" onClick="javascript:changeFontFamily(serif')">Serif font!</a> 

    <p id='para'> Text</p> 

</body> 
</html>

出典

2017-02-05 karma

動作するはずです次の行ではなく、同じ行にJSの中括弧を入れてください。 [自動セミコロンの挿入]（http://www.bradoncode.com/blog/2015/08/26/javascript-semi-colon-insertion/） –

changeFontFamily（ 'serif'）のサインが表示されない – eiipaw

あなたの機能に間違いがあると思います。

は

出典

2017-02-05 23:47:34 Showcaselfloyd

Oh my ！このような小さな間違い – karma

誰にも起こる – Showcaselfloyd

は、あなたがあなたのコード内のいくつかのミスを持っているあなたのchangeBGC機能でdocument.bgColor = colorを試してみてください、いくつかの行方不明/クローズ "

は、私はそれを修正し、今では、それはまたにお勧めです

<!DOCTYPE html> 
<html> 
<head> 
<title>12.6</title> 
<script type="text/javascript"> 

function changeBGC(color) 
{ 
    document.getElementById("body").style.background = color; 
} 

function changeFontFamily(fontFam) 
{ 
    document.getElementById("para").style.fontFamily = fontFam; 
} 
</script> 
</head> 

<body id="body"> 
<a href="#" onclick="changeBGC('blue')">Blue Color</a> 
<a href="#" onclick="changeBGC('yellow')">Yellow Color</a> 
<a href="#" onclick="changeBGC('green')">Green Color</a> 

<br> 

<a href="#" onclick="changeFontFamily('Arial, sans-serif')"> 
SansSerif font!</a> 
<a href="#" onclick="changeFontFamily('serif')">Serif font!</a> 

<p id='para'> Text</p> 

</body> 
</html>

出典

2017-02-05 23:51:29 eiipaw

背景色とテキストを変更すると、ロジックはありますがスクリプトは機能しません。

答えて

関連する問題