Q&A
どういうふうに表示されるんでしょうか。
生年月日を入力し送信ボタンを押すと、年齢が計算される機能を作っています。
内容が空欄の時は何も表示されず、そうでなければ表示されるようにしたいです。
年齢の計算まではできてるはずなのですが、上手く表示できません。
デバックしたら、str.match is not functionとでます。
アドバイス頂けたら幸いです。
<html lang="ja"> <head> <meta charset="UTF-8"> <title>calBirthday</title> </head> <body> <p>以下の情報を入力し、送信ボタンを実行してください</p> <form id="form"> <table> <th>生年月日:</th> <td><input type="text" name="birthday" size="20" valuel=""></td> <td id="age"></td> <tr> <td colspan="2"> <input type="button" id="submit" value="送信"> </td> </tr> </form> <script> var birthDay = document.getElementById('form').birthday.value; //*現在までの時間*//* var d1 = new Date(); //*生まれた日までの時間*//* var d2 = new Date(birthDay); //*(現在までの時間）-(生まれた日までの時間)*//* var d3 = d1.getTime() - d2.getTime(); //*日付を出す処理*//* var daysPast = Math.floor(d3 / (1000 * 24 * 60 * 60)); //*年数を出す処理*//* var age = Math.floor(daysPast / 365); //*document.getElementById('daysPast').innerHTML = daysPast;*//* var global_variable = ""; var str = age var result = str.match(/^([1-9]\d*|0)$/); if (result != null) { alert(age+'歳です'); } </script> </body> </html> コード
（質問文は編集できます）質問文のコードはコードブロックで囲んでいただけませんか？ ```（バッククオート3つ）で囲み、前後に改行をいれるか、コードを選択して「<code>」ボタンを押すとコードブロックになります。
エラー文はstr.match is not functionとでます
<code>ボタンを押してコピペしてみました。
コード全体を選択して「<code>」ボタンを押すと「```」がコード前後に挿入されるはずなのですが、削除していませんか？ 記入エリアの右部分あたりにリアルタイムに結果が表示されていると思うので、そこを見ながら調整してください。
回答2件
0
ベストアンサー
ブラウザでF12キーを押して、コンソールでエラーメッセージを確認しましょう。
確認するとstr.matchという関数はありませんという意味のエラーが発生していることがわかります。
なぜこのエラーが発生するかというと変数strに代入されている内容は数値だからです。
(matchというメソッドを持っているのは文字列です)
対策はstrに数値ではなく文字列を入れるようにすることです。以下のように修正をするといいでしょう。
var str = age;
↓
var str = String(age);
投稿2020/05/28 02:47
総合スコア4524
0
str.match is not functionとでます。
エラーメッセージのとおりです。strに代入されているものは数値ですので、matchメソッドは呼べません。
投稿2020/05/28 02:45
総合スコア145208
あなたの回答
tips
プレビュー
