ボタンを押して背景画像を変える

Question

前提

ICTコンクールに推薦出場となりました
タイピング
webサービスのcssについてです

実現したいこと

・ボタンを押したとき背景の画像を変える

補足情報

html5
css3
javascript
などhtml関連はすべて最新バージョンです.
メモ帳を使っています
動かしたいOSは
Windows 10
Windows 7
windows server 2016
windows server 2019
mac
Linux(全)
IOS
android
です
edgeがつかえるOS でIE✖chrome〇です
お願いします

聞きたいこと

ボタンを押したときに背景画像を変えるコードを教えてほしい

該当コード

body {
  background: linear-gradient(-45deg, rgba(246, 255, 0, .8), rgba(255, 0, 161, .8)),
  url(images/bg-1.png);
  background-size: cover;
}

をボタンを押したときに

body {
  background: linear-gradient(-45deg, rgba(246, 255, 0, .8), rgba(255, 0, 161, .8)),
  url(images/bg-2.jpg);
  background-size: cover;
}

に変更するプログラムを教えてください

Comments

[m.ts10806]

質問は何でしょう。
作業依頼のつもりなのでしょうか。

[ibuki_rei]

ボタンを押したときに背景画像を変える方法を教えてください作業依頼なんてしません!!

[ibuki_rei]

教えてもらえるとありがたいです

[javahack]

自分でコードを1行も書かずに「コードを教えてほしい」って作業依頼にしか見えませんが。
コンクールに他人が作ったコードで応募ってのもどうかと思うけど。

[ibuki_rei]

じゃあ、その他人が作ったコードをアレンジしたらダメなんですか？

Answer 1

イベントについて学ぶといいかと思います。
ブラウザイベントの紹介

スタイル変更の仕方もわからないのであれば、そちらも学ぶといいでしょう。
スタイルとクラス

Comments

[ibuki_rei]

大丈夫なんですけどうえのcssのこーどのURLを変えるのに不一致するので、すいません使えません

[ibuki_rei]

申し訳ないです

[ibuki_rei]

すいません応合わせていってほしかったっていうのは言いません

[Lhankor_Mhy]

一連のコメントについて、すみませんが何をおっしゃっているのかわからないので、もし私に「この部分がわからない」など何か伝えたいことがあるのであれば、もう少し詳しく書いてください。

もし、特に私に伝えたいことがないのであれば、ご返信は結構です。