JavaScriptの色付け変数

-2

JavaScriptを開始し、算術演算子を学習しています。私は変数とその結果の色とサイズを変更しようとしています。私はこのすべてのためにHTMLで使用しています。JavaScriptの色付け変数

var x = window.prompt ("Please enter a number") 
var y = window.prompt ("Please enter another number") 
var linebreak = "<br>" 

document.write("(X - Y) " + x + " minus " + y + " equals ") 
    result = x - y // Subtraction using user inputed variables 
    document.write(result) //Shows is the answer 
    document.write(linebreak)

私は運とCSSを使用しようとしているのいずれかされています：

var x {color: green; font-size: 20px;} 
var y {color: red; font-size: 20px;}

出典

2017-11-21 Convel

*変数*のスタイルを変更することはできません。変数にはスタイルはなく、値だけがあります。あなたはあなたの値を置くかもしれない* HTML要素*にスタイルを設定することができます... – deceze

document.writeはおそらく最善の道でもありません。 jsでhtmlを更新する方法を学ぶと、もっと幸せになれます。 – jmargolisvt

結果を 'document.write（" 結果 "）のようなスパンにラップして、あなたのCSSで' #result {color：green} 'を実行することができます。あなたの変数ではなく、span要素の内容を（ 'id'で）スタイリングします。 –

彼らはHTML要素ではないとあなたはjavascriptの変数のスタイルを設定することはできません。代わりにdocument.writeを使用して、あなたはあなたのhtmlに空<p>タグを作成し、このようなテキストを置き換えるためにjQueryを使用することができます。

HTML

<p id = "answer"></p>

jQueryの

$("#answer").html(X + "minus" + Y + "equals" + result);

その後、CSSを使用<p>タグをスタイルする

出典

2017-11-21 16:50:53

なぜ外部のライブラリ全体を追加するのですか？元の質問には載っていません。 – csmckelvey

私は、質問が求めていた結果を作成するための選択肢を提供しています。 –

私が何を意味するか説明するのが悪いので、助けてくれてありがとう。あなたは非常に参考になった、私はJQueryをさらにチェックし、あなたが言ったことを試してみる。私が言ったように私はJavaScriptを初めて使いました。あなたのヒントには非常に感謝しています。 – Convel

答えて

関連する問題