outputとは
- ここで説明する output とは次の語句からなるHTMLの要素です。
- output
- 読み: アウトプット
意味: 出力、成果物
output要素の概要
この要素はユーザーやサイトの処理結果を出力するためのコンテナー要素です。
これはユーザーがサイトでアクションを起こした場合やサイト側でscriptの処理をした場合に、 その結果を表示するために使われる要素だということです。
この要素には、開始タグと終了タグが必要です。
<output> </output>
サンプルコードと実行結果
このサンプルでは input 要素 の range 型を配置して、ユーザーが変更を加えた結果を output 要素に出力するというものを掲載しています。
output 要素は javascript などのプログラムの結果を出力するためのコンテナーですので、 サンプルにも javascript を組み込んでいます。
サンプルコード: HTML
<body>
<input type="range" min="0" max="100" id="idRange"><br>
<output id="idResult">output</output>
<script>...</script>
</body>
サンプルコード: script
<script>
let Ranges = document.getElementById("idRange");
let Results = document.getElementById("idResult");
Ranges.addEventListener("change",function(){
Results.innerText = Ranges.value;
},false);
</script>