[55] 計算結果の出力欄を作ろう output要素

<outoput>は、デフォルトのスタイルは無しです。 CSSを何も指定していないと、こんな ↓ かんじ。（計算結果の表示部分が<output>） ＋ ＝ 0 このページのサンプルは、<output>の部分が分かりやすいようにCSSで背景色などをつけていますよ。 <output>を使ってみよう。まずはname属性を使用 name属性を使う方法で、計算結果を表示してみましょう。 name属性の値によって、数値を入力する部品や<output>要素を特定します。 ●サンプル1 冒頭の「足し算のサンプル」のHTMLソースはこのようになっています。 <form oninput="op1.value = Number(a.value) + Number(b.value);"> <input type="number" name="a" value="0" size="5"> ＋ <input type