![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
書き方がわからず困っております
初心者で申し訳ありませんが、
ご教授ください
javascriptの練習で
下方の「ここにスクリプトを記入」とかいてあるところに下の条件のスクリプトを組み込みたいのです
・titleタグからタイトルを取得してdiv内に出力する(id=titleにのみ)
・input name=titleにタイトル文字列を表示させる(name=dummyには反映させない)
・ぼたんの文字をボタンに変更する
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>JS研修1</title>
<style>
div, textarea{
margin: 10px;
padding: 10px;
width: 400px;
height: 60px;
border: solid 1px #555;
}
</style>
<script type="text/javascript" src="./jquery-1.11.1.min.js"></script>
</head>
<!--
・titleタグからタイトルを取得してdiv内に出力する(id=titleにのみ)
・input name=titleにタイトル文字列を表示させる(name=dummyには反映させない)
・ぼたんの文字をボタンに変更する
-->
<body>
<div id="title"></div>
<div id="dummy"></div>
<form id="sample" name="sample" method="get" action="">
<input type="text" name="title"><br>
<input type="text" name="dummy"><br>
<input type="button" value="ぼたん">
</form>
<script type="text/javascript">
// ここにスクリプトを書いてください
</script>
</body>
</html>
No.1ベストアンサー
- 回答日時:
JavaScriptというかjQuery?
そのまま日本語で書いてあることをやってみればいいんじゃない?
一つずつ考えてみたら?
//タイトルタグから取得
var title = $('title').text();
// id=titleのdivに反映
$('#title').html(title);
// input name="titleにタイトルを反映
$('input name="title"を指定するセレクタ').val(title);
// ぼたんをボタンに
$('ボタンを特定するセレクタ').val('ボタン');
ま、全部書いたら練習もクソもないから。
セレクタについて調べてみるといいよ。
idは'#id'
classは'.class'
タグ名なら'tag'
属性なら[name="name"]
ま、いろいろあるよ
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- JavaScript switch文のswitch(n)の部分を複数の値にするか、if文に変えてほしいです。 1 2022/07/27 17:18
- JavaScript セレクトボックスを2つ設けて選択して初めてメッセを表示 1 2022/07/27 12:15
- PHP 入力した部分を表示させたまま(保持)するにはどうすれば良いでしょうか? 1 2023/01/25 11:14
- HTML・CSS <!DOCTYPE html> <html> <head> <meta charset="utf-8 2 2023/01/05 01:04
- Excel(エクセル) PHPプログラムをエクセルに張り付けると検索ボックスがでてくる! 3 2022/05/08 07:10
- PHP PHP MySql 画像を取得 1 2022/06/04 14:05
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
特定の条件のHTML要素を一括で...
-
【JavaScript】検索がヒットし...
-
確認ダイアログを次からは表示...
-
「ご処理進めて頂きますようお...
-
エクセルで、日付を入力すると...
-
CloseとDisposeの違い
-
VBAでループ内で使う変数名を可...
-
Excelシート上のマクロを登録し...
-
エクセルVBAで、MsgBox やInput...
-
EXCEL VBA マクロ 実行する度に...
-
FFTの結果ついて
-
【Excel】特定の文字を含むセル...
-
「PC Helpsoft Driver Updated...
-
switch の範囲指定
-
アクセスVBAのMe!と[ ]
-
メルカリのメルカードで買い物...
-
Access 無操作の場合、自動で閉...
-
UMLでの例外処理
-
Googleフォーム・複数人の申し...
-
findは動くがfindnextがマクロ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
確認ダイアログを次からは表示...
-
CSSでreadonlyの機能はあり...
-
formのsubmitを押すとモーダル...
-
Q&A掲示板の入力フォームに文字...
-
JavascriptのHTMLクラス表示に...
-
3重のクォーテーション
-
JavaScriptのinnerHTMLの挙動に...
-
特定の条件のHTML要素を一括で...
-
クリックすると、色が変わるよ...
-
jqueryを使ったスムーススクロ...
-
折りたたみを全て開いて別ペー...
-
jQuery 画面サイズにスライド画...
-
2回目以降のページロード時には...
-
Bootstrap Javascriptでモーダル
-
jQueryのSlickで矢印アイコンが...
-
javascriptとcssでフォントサイ...
-
JavaScriptのdiv.style属性の変...
-
フォームで「パスワード(確認...
-
macかwinか判別しスタイルシー...
-
javascript htmlの追記について
おすすめ情報