この記事では、カラービューアを実装するためのJavaScriptの具体的なコードを参考までに紹介します。具体的な内容は次のとおりです。 成果を達成する
実装コード<!DOCTYPE html> <html lang="ja"> <ヘッド> <メタ文字セット="UTF-8" /> <title>カラービューア</title> <スタイル> #色 { 幅: 150ピクセル; 高さ: 150px; 背景色: #fff; 境界線: 1px実線 #000; } </スタイル> </head> <本文> <div id="color"></div> <input id="inp" type="text" placeholder="カラーコードを入力してください..." /> <button id="trans">色を表示</button> <button id="rst">復元</button> </本文> <スクリプト> trans = document.getElementById('trans'); とします。 color = document.getElementById('color'); とします。 inp = document.getElementById('inp'); とします。 rst = document.getElementById('rst'); とします。 trans.addEventListener('クリック', () => { color.style.backgroundColor = inp.value; }); rst.addEventListener('クリック', () => { color.style.backgroundColor = '#fff'; inp.value = ''; }); </スクリプト> </html> 以上がこの記事の全内容です。皆様の勉強のお役に立てれば幸いです。また、123WORDPRESS.COM を応援していただければ幸いです。 以下もご興味があるかもしれません:
|
<<: Ubuntu環境でのSSHの詳細なインストールと使用
<br />2006年10月12日のNetEaseの新ホームページの公開から、2008年...
この記事では、MySQL 最適化のヒントで重複したエントリを削除する方法を例を使って説明します。ご参...
el-form フォームにルールを追加します。データにルールを定義する定義されたルールをel-for...
目次1. axiosをインストールする2. アクシオスの使用1.ホームページでaxiosを参照する2...
MySQL v5.7.19 正式版(32/64 ビットインストール版および zip 解凍版) 1. ...
MySQL にリモートでログインする場合、使用するアカウントには特別な要件があります。アカウントのデ...
参考までにMySQL 8.0.22をダウンロードしてインストールしてください。具体的な内容は次のとお...
1. MYSQLに接続するフォーマット: mysql -h ホストアドレス -u ユーザー名 -p ...
プロシージャ sp_name を削除します//これまで、MYSQL 構文の基礎知識について説明して...
目次1. 親が子コンポーネントに値を渡す2. 子コンポーネントが親コンポーネントに値を渡す3. 子コ...
01 ウィンターフレーク(個人のみ) 02 スノートップキャップ(業務用) 03 モディウス「フリ...
私は頻繁にシステムをインストールするので、インストールのたびにいくつかのソフトウェアを再インストール...
mysql 1 つのテーブル列を別のテーブルにコピーする場合によっては、フィールドから別の新しいフィ...
この記事では、JavaScriptでじゃんけんゲームを書くための具体的なコードを参考までに紹介します...
app.js: スタートアップファイル、またはエントリファイルpackage.json: プロジェク...