お世話になります。簡単なことだとは思うのですが、調べてもわからなかったので質問いたします。
「JavaScriotタイマー処理」のサンプル例で、inputText.value
という表記が出てきます。inputText
はその直前で宣言されているのでわかるのですが、value
という表記は突然出てきて、そこと次の行にあるのみです。
そこで質問なのですが、
1.value
は「入力欄の中身」を表す一般的な定番表記かなにかでしょうか。
2.value
なしでinputText
だけではだめでしょうか。
以下、サンプルのテキスト文(html、JavaScript、css)です。チャット形式のサンプルです。
※質問箇所はJavaScript
の真ん中あたり以下の// 送信ボタンを押した時にメッセージを送信
の段落中にあります。
長いテキストなのに、簡単な質問で申し訳ございませんが、何卒よろしくお願い申し上げます。
【自分で調べた方法】
検索ワード(inputText.value)
検索結果
https://search.yahoo.co.jp/search;_ylt=A2RhP0YqL1ddg3YArtOJBtF7?p=inputText.value&fr=top_ga1_sa&ei=UTF-8&aq=-1&oq=inputtext.value&at=&aa=&ai=Ve2WVMoOT7GD7mG9bG28CA&ts=1646
参照記事
https://developer.salesforce.com/docs/atlas.ja-jp.pages.meta/pages/pages_compref_inputText.htm
参照記事の一番下に value がありますが、今回の質問の回答との関連付けができませんでした。
[html]
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>Javascript Practice</title> <link rel="stylesheet" href="css/layout.css"> </head> <body> <h1>JavaScript Practice</h1> <div class="chat-window"> <div class="chat-window-inner"> <ul id="chat-list"> </ul> </div> <div class="chat-input-area"> <input type="text" id="chat-input"> <input type="button" value="送信" id="chat-send"> </div> </div> <script src="js/index.js"></script> </body> </html>
[JavaScript]
var answer = ["なるほど!", "ふむふむ", "うーん", "(笑)", "あらら・・・"]; // メッセージ送信処理 引数:送信したいメッセージ(文字列) function addChatText(val, type) { if(!val) return false; // チャットに追加するHTMLのタグを生成 var text = document.createElement('li'); // テキストを設定 text.innerHTML = val; // 赤文字のスタイルを設定(CSSのclass「message-other」を設定) if(type == "other"){ text.classList.add("message-other"); } // 追加対象となる要素を取得 var chatWindow = document.getElementById("chat-list"); // appendChild()メソッドで要素とテキストをHTMLに追加 chatWindow.appendChild(text); } // 送信ボタンを押した時にメッセージを送信 document.getElementById("chat-send").addEventListener("click", function(){ var inputText = document.getElementById("chat-input"); // addChatText関数を入力値とCSSのclass判別文字列を引数として実行 addChatText(inputText.value,"you"); // 入力欄を空欄にする inputText.value = ""; }); // 8秒毎にメッセージを送信 setInterval(function(){ // ランダムの整数を設定 var index = Math.floor(Math.random() * answer.length); // ランダムメッセージを表示 addChatText(answer[index], "other"); }, 8000); // 初回のみ1秒後にメッセージを自動送信 setTimeout(function(){ addChatText("こんにちは!", "other"); }, 1000);
[css]
ul { list-style: none; padding: 0; } li.message-other { color: #EE6557; }
回答2件
あなたの回答
tips
プレビュー