Q&A
ちょっとコードが雑過ぎませんか？呼び出そうとしている関数が定義されていなかったり同じ関数が定義されていたり（そもそもfunctionの定義に()がない）あとiroなのかrioなのか。その辺りを見なおすだけで進み方が変わると思いますよ。この内容だとグラデーション云々以前の問題です。
<h1>のタグの上にマウスを置いた時に、ページ全体の背景色がグラデーションに変わるような設定をしたいのですが、グラデーションのやり方がわかりません。
よろしくお願いします。
html
1<h1 onmouseover="defaultBackground(iro,)" onmouseout="changeBackground(iro,blue)"> 2 3<body id="iro">
function changeBackground () {document.getElementById("iro").style.backgroundColor = "";} function changeBackground () {document.getElementById("iro").style.backgroundColor = "blue";}
回答2件
0
グラデーションするしない以前の問題を数点指摘しておきます。
・defaultBackground()を呼び出しているけど定義している場所がない。
・changeBackground() が２つ定義されている
・defaultBackground(iro,) ←呼び出しもとの引数でこういう書き方はできない。
・呼び出し元でchangeBackground(iro,blue)としながら定義ではchangeBackground ()と何も引数を受け取っていない
ユーザー定義関数の参考：
ユーザー定義関数 - JavaScript超初心者によるJavaScript入門講座
JavaScriptで関数を使う方法【初心者向け】
いずれも開発ツールのコンソールを開けばエラーが出るはずの内容です。（Chromeの例）
発生しているエラーが分かれば対応方法が決まります（英語ですがそこまで難しくないですしGoogle翻訳にかければ充分理解できる内容です）
これは「デバッグ（処理の流れを追うこと）」の第一歩です。
エラーを確認できるようになるだけで自身で出来ることが広がり、質問する前に解決できることも増えてきます。
あとは具体的なデバッグを覚えましょう。
やりたいことをやりたいように進めていくのはデバッグを覚えてからの方がいいです。むしろデバッグを覚えてからの方が早く進められますよ。
本件の直接の回答ではありませんが、デバッグは問題解決の手法として必須の技術です。
投稿2018/12/05 00:12
編集2018/12/05 00:15総合スコア80850
0
CSSでクラスを用意しておいてクラスを切り替えます。
CSS
1.grad-a { 2 background: linear-gradient( to bottom, blue, white ); 3} 4.grad-b { 5 background: linear-gradient( to top, blue, white ); 6}
【CSS グラデーションの利用 - ウェブデベロッパーガイド | MDN】
https://developer.mozilla.org/ja/docs/Web/Guide/CSS/Using_CSS_gradients
【要素のclass名を取得・追加・変更・削除するサンプル|JavaScriptラボ】
https://jslob.repop.jp/2017/12/class.html
投稿2018/12/04 23:29
総合スコア69407
あなたの回答
tips
プレビュー
