ストップウォッチで出した時間に特定の数字を掛けた結果をHTML上に表示させる方法


http://dotinstall.com/lessons/stop_watch_js_v2/23207 を参考に、javascriptとHTMLでストップウォッチを作成し、そのストップウオッチで出た数値に100をかけた結果を<div id="dis">に表示させたいです。
ストップウォッチ部分は上記URLのスクリプトで作成できたのですが、100をかけた結果(以下コード)があやまっているようで動作しません。誤り部分をご指摘いただけますと幸いです。よろしくおねがいします。

function kyori(){

var x = parseFloat(document.getElementById("sec").value);
document.getElementById("dis").firstChild.nodeValue = x * 100 +"m";

回答の条件
  • 1人5回まで
  • 登録:
  • 終了:2013/10/16 22:30:04

ベストアンサー

id:a-kuma3 No.1

回答回数4973ベストアンサー獲得回数2154

多分、

document.getElementById("dis").firstChild

が null で、エラーが出てるんだと思います。

id="dis" の要素を

<div id="dis"></div>

というふうに空っぽじゃなくて、

<div id="dis">&nbsp;</div>

こういうふうに、何か中身を入れてあげる。

もしくは、

    document.getElementById("dis").firstChild.nodeValue = x * 100 +"m"; 

を、

    document.getElementById("dis").innerHTML = x * 100 +"m"; 

というふうにする。

他4件のコメントを見る
id:a-kuma3

>はい、まさにそういう感じです!
であれば、コメントで書き足した timer() 関数の中身を変更したものを試してみてください。

2013/10/10 22:15:18
id:zineriki

遅くなってしまってごめんなさい。
アドバイスいただいたコードを一部改良したもので動かすことができました!ありがとうございます。

2013/10/27 07:45:10

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

回答リクエストを送信したユーザーはいません