zineriki回答ポイントなし

ストップウォッチで出した時間に特定の数字を掛けた結果を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";

ログインして回答する

ベストアンサー

a-kuma32013/10/09 23:13:37
多分、
```
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"; 
```
というふうにする。
スター
- 6件のコメントを見る
- zineriki 2013/10/09 23:29:11
  
  アドバイスありがとうございます！しかしうまく動きませんでした....。
  0.00
  といった内容にしていて、jsファイルは以下リンクの通り書いたのですがうまく動かないのです。重ね重ね恐縮ですがアドバイス頂けますと幸いです。
  https://dl.dropboxusercontent.com/u/99863262/kyori.js
  
  スター
- a-kuma3 2013/10/09 23:33:48
  
  kyori() という関数が、どこからも呼ばれてませんけど。
  id="sec" の内容が書き換わるタイミングで、id="dis" も変えたい、ということですか？
  
  スター
- a-kuma3 2013/10/09 23:39:49
  関数 timer() のところ、
  function timer() { document.getElementById('sec').innerHTML = (((new Date()).getTime() - startTime) / 1000).toFixed(2); timerId = setTimeout(function() { timer(); }, 100); }
  を、こんな感じにすれば良いかな？
  function timer() { var t = (((new Date()).getTime() - startTime) / 1000).toFixed(2); document.getElementById('sec').innerHTML = t; document.getElementById("dis").innerHTML = t * 100 +"m"; timerId = setTimeout(function() { timer(); }, 100); }
  
  スター
- zineriki 2013/10/10 19:44:14
  
  ありがとうございます。
  ＞id="sec" の内容が書き換わるタイミングで、id="dis" も変えたい、ということですか？
  はい、まさにそういう感じです！
  
  スター
- a-kuma3 2013/10/10 22:15:18
  
  ＞はい、まさにそういう感じです！
  であれば、コメントで書き足した timer() 関数の中身を変更したものを試してみてください。
  
  スター
- zineriki 2013/10/27 07:45:10
  
  遅くなってしまってごめんなさい。
  アドバイスいただいたコードを一部改良したもので動かすことができました！ありがとうございます。
  
  スター