Javascriptを使用してページの更新時にランダムに所定のリンクカラーとホバーカラーを生成できますか？

Question

私はjavascriptで自分の手を試したことはありませんが、私はコードを学習する時間を費やす前にこれを実際に行うことが可能かどうかを知りたがっています。

デモサイトで既に生成されたコードを使用して、フォーラムを見て、特定のプロパティの変更がセクション全体にどのように影響するかを確認するのに数日を費やしました。

私のCSSは、設定色として「a：link」、「a：visited」を指定し、その補色としてa：hover（＃128EED = color、＃ED7112 = complement）を指定します。

いずれかのページがロードされているときにランダムに選択された8つの所定の色のうちの1つを、所定のランダムな色の補色をa：ホバー色としたい。

私がこれをやろうと試みる前に、どんな情報であれ大いに感謝します。

ありがとうございました。

Answer 1

はい、できます。あなたはjavascriptを使って要素のスタイルを設定することができます。必要なものを色付けしてクラスをランダムに適用するなど、いくつかのクラスを作成することができます。

また、ウェブプログラミングであれば、JavaScriptを学ぶのは時間の無駄ではありません。 HTMLが提供できない機能や簡単に提供できない機能を追加するだけでなく、サーバーに行き来する必要のあるページのストレスを払うことができます。

Answer 2

EDIT：ホバーなどの特定のスタイル属性を設定することはできませんが、これには対処方法がありますが、この回答のコメントにリンクされています。もし私があなたを欺いたら、お詫びします。

うれしいです！このようなものを使ってください。

.styleの後に続く単語が正確であるかどうかは分かりませんが、それらは十分に簡単でなければなりません。次の例では、配列の配列であるColorArrayを想定しています。見上げる。私はそれを5行に分けて、何が起こっているのかを見やすくしましたが、これを表現するためのより良い、またはより圧縮された方法があると確信しています。限り

// choose a random complementary pair 
var pair = ColorArray[Math.floor(Math.random() * CollorArray.length)]; 

// grab elements and assign them style attributes 
document.getElementsByTagName("tag").style.link = pair[0] 
document.getElementsByTagName("tag").style.active = pair[0] 
document.getElementsByTagName("tag").style.visited = pair[0] 

// Your complementary color assignment now: 
document.getElementsByTagName("tag").style.hover = pair[1]