MySQLのテーブル内にある値をフラグとして、JavaScriptのIf文で判定させたい

Question

前提・実現したいこと

MySQL + Express + JavaScriptの練習として、フォームにある4つのボタンを押すとMySQL側に時刻等が反映されるものを制作しております。
また、氏名(req.body.name)とメールアドレス(req.body.mail)はセレクトボックスで選択したものをいれるようにしています。

4つのボタンはそれぞれ、開始（start_button)・終了(end_button)・途中計測(restart_button)・途中計測終了(finish_button)としており、
開始→途中計測→途中計測終了→終了 or 開始→終了のどちらかで押すことを想定しております。
そのためにMySQLのテーブルに状態を取得するためのstatusというカラムを設定しており、statusの値で押せるかどうかを判断しようと書いています。

発生している問題・エラーメッセージ

最初の開始ボタンを押したときは下記MySQLテーブルのように入るのですが、他のボタンを押したときには何も反応せずにスローされてしまいます。

試したこと

おそらく、if(status_checked == 0)と判断している箇所で数値として認識していないのかと思い以下のようにisNaNで判定させてみました。

var checkcolumn = "SELECT ? FROM users_result WHERE name = ?";
  
  if(req.body.start_button){
    let nullcheck = await queryAsync(checkcolumn, ['start', req.body.name]);
    let checked = isNaN(nullcheck);
    console.log(checked,"NaN判定");
    if(checked == false){
      var results = await queryAsync(sql, { id: id, name: req.body.name, email: req.body.mail, start: time, status: 1});
      console.log(results);
    }else{
      console.log(results);
    };
  }
  else if(req.body.end_button){
    let nullcheck = await queryAsync(checkcolumn, ['end', req.body.name]);
    let checked = isNaN(nullcheck);
    console.log(checked,"NaN判定");
    if(checked == false){
      let updatesql = "UPDATE users_result SET end = ?, status = ? WHERE name = ?";
      var results = await queryAsync(updatesql, [time, 2, req.body.name]);
      console.log(results);
    }else{
      console.log(results);
    }
  }
  else if(req.body.restart_button){
    let nullcheck = await queryAsync(checkcolumn, ['restart', req.body.name]);
    let checked = isNaN(nullcheck);
    console.log(checked,"NaN判定");
    if(checked == true){
      let updatesql = "UPDATE users_result SET restart = ?, status = ? WHERE name = ?";
      var results = await queryAsync(updatesql, [time, 3, req.body.name]);
    }else{
      console.log(results);
    };
  }else if(req.body.finish_button){
     let nullcheck = await queryAsync(checkcolumn, ['finish', req.body.name]);
     let checked = isNaN(nullcheck);
     console.log(checked,"NaN判定");
     if(checked == null){
        let updatesql = "UPDATE users_result SET finish = ?, status = ? WHERE name = ?";
        var results = await queryAsync(updatesql, [time, 1 , req.body.name]);
     }else{
        console.log(results);
     };

  };

とした結果、開始ボタンを押したときだけはfalse判定。あとのボタンを押したときはtrue判定になることがわかりました。
そのため、開始ボタンを押した時点ではテーブル内には何もないためにNULLとして0でとってこれるけれど、NULLが入っているカラムを指定したときはNaNとして判定できないのだと考えました。

ここまではきたのですが、MySQL内のstatusの値をフラグとして使用して判定することは難しいのでしょうか？
なにか、これを実現する方法がありましたら教えて頂けますと嬉しいです。

該当のソースコード

app.get("/", async (req, res) => {

const usr_sql = "select * from users";
const sql = "select * from users_result";
let results = await queryAsync(sql);
let userdata = await queryAsync(usr_sql);
console.log(userdata);
console.log(results);
res.render("index.ejs",{ content: results,userdata: userdata });
});

app.post("/", async (req, res) => {

  var dt = new Date;
  var now = dt.toFormat("HH24:MI:SS");
  console.log("request", req.body.name);
  const sql = "INSERT INTO users_result SET ?";
  const resid = await queryAsync("select max(id) from users_result");
  const preid = resid[0]["max(id)"];
  const id = preid + 1;

const checkname = "SELECT status FROM users_result WHERE name = ?";
var status_checked = await queryAsync(checkname, req.body.name);
console.log(status_checked,"statusの状態");


if(req.body.start_button){
    if(status_checked == 0){
      var results = await queryAsync(sql, { id: id, name: req.body.name, email: req.body.mail, start: time, status: 1});
      console.log(results);
    }else{
      console.log(results);
    };
  }
  else if(req.body.end_button){
    if(status_checked == 1){
      let updatesql = "UPDATE users_result SET end = ?, status = ? WHERE name = ?";
      var results = await queryAsync(updatesql, [time, 2, req.body.name]);
      console.log(results);
    }else{
      console.log(results);
    }
  }
  else if(req.body.restart_button){
    if(status_checked == 1){
      let updatesql = "UPDATE users_result SET restart = ?, status = ? WHERE name = ?";
      var results = await queryAsync(updatesql, [time, 3, req.body.name]);
    }else{
      console.log(results);
    };
  }else if(req.body.finish_button){
     if(status_checked == 3){
        let updatesql = "UPDATE users_result SET finish = ?, status = ? WHERE name = ?";
        var results = await queryAsync(updatesql, [time, 1 , req.body.name]);
     }else{
        console.log(results);
     };

  };

テーブル名：users_result
+----+-----------+--------------------+----------+------+-----------+---------+--------+
| id | name      | email              | start    | end  | restart   | finish  | status |
+----+-----------+--------------------+----------+------+-----------+---------+--------+
|  1 | user1     | [e-mail]     | 12:00:00 | NULL | NULL      | NULL    |      1 |
+----+-----------+--------------------+----------+------+-----------+---------+--------+
テーブル名：users
+----+-----------+--------------------+
| id | name      | email              |
+----+-----------+--------------------+
|  1 | user1     | [e-mail]     |
+----+-----------+--------------------+
|  2 | user2     | [e-mail]     |
+----+-----------+--------------------+
|  3 | user3     | [e-mail]     |
+----+-----------+--------------------+

###追加

<body>
        <header>
            <h1>練習</h1>
        </header>
        <form action="/" method="POST">
            <span>名前</span>
            <select id="name" name="name">
                <% for(var j in userdata) {%>
                <% var usr_obj = userdata[j]; %>
                <option value= <%= usr_obj.name %>>
                <%= usr_obj.name %>
                </option>
                <% } %>
            </select>
            <% for(var k in userdata) {%>
            <% var mail_obj = userdata[k]; %>
            <input type="hidden" id=<%= mail_obj.name %> value=<%= mail_obj.mail %>>
            <% } %>
            <label><span>メールアドレス</span><input id="mail" name="mail"></label>
            <div class="container">
                <button class="btn btn-lg btn-primary" id="start" name="start_button" type="submit" value="current_time">開始</button>
                <button class="btn btn-lg btn-danger" id="end" name="end_button" type="submit" value="current_time">終了</button>
                <button class="btn btn-lg btn-success" id="restart" name="restart_button" type="submit" value="current_time">途中計測</button>
                <button class="btn btn-lg btn-warning" id="finish" name="finish_button" type="submit" value="current_time">途中終了</button>
            </div>
        </form>

        <div class="container-fluid">
            <div class="row">
                <div class="col no-gutters">
                    <table class="table table-hover table-sm">
                        <thead class="thead-dark">
                            <tr>
                                <th scope="col">ID</th>
                                <th scope="col">名前</th>
                                <th scope="col">メールアドレス</th>
                                <th scope="col">開始</th>
                                <th scope="col">終了</th>
                                <th scope="col">途中計測開始</th>
                                <th scope="col">途中計測終了</th>
                            </tr>
                        </thead>
                        <tbody>
                            <% for(var i in content) { %>
                                <tr>
                                    <% var obj = content[i]; %>
                                    <th><%= obj.id %></th>
                                    <th><%= obj.name %></th>
                                    <th><%= obj.email %></th>
                                    <th><%= obj.start %></th>
                                    <th><%= obj.end %></th>
                                    <th><%= obj.restart %></th>
                                    <th><%= obj.finish %></th>
                                </tr>
                                <% } %>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>    
    </body>

    <script>
        document.getElementById("name").addEventListener('change',changename);
        function changename(){
            let name = document.getElementById("name");
            let mail = document.getElementById("mail");
            let hidden_mail = document.getElementById(name.value);


            mail.value = hidden_mail.value;
        }
    </script>

テーブル名：users_result
+----+-----------+--------------------+----------+------+-----------+---------+--------+
| id | name      | email              | start    | end  | restart   | finish  | status |
+----+-----------+--------------------+----------+------+-----------+---------+--------+
|  1 | user1     | [e-mail]     | 12:00:00 | NULL | NULL      | NULL    |      1 |
+----+-----------+--------------------+----------+------+-----------+---------+--------+

補足情報（FW/ツールのバージョンなど）

MySQL v5.7.30
Node v12.16.3

Comments

[rururu3]

ボタン部分(HTMLソース)部分も記載お願いいたします。

[t_tak]

修正依頼ありがとうございます。
HTMLソースの追加に伴って、getとpost、mysql部分にも追加を加えました。
よろしくお願い致します。

[rururu3]

queryAsyncってちょっとググってみたのですが、ちょっと出てこなかったのですが、
自作関数ですか？

Answer 1

  const sql = "INSERT INTO users_result SET ?";
  const resid = await queryAsync("select max(id) from users_result");
  const preid = resid[0]["max(id)"];

ここらへんのソースから判断して

const checkname = "SELECT status FROM users_result WHERE name = ?";
var status_checked = await queryAsync(checkname, req.body.name);
console.log(status_checked,"statusの状態");


if(req.body.start_button){
    if(status_checked == 0){

のif(status_checked == 0){は配列と0比較してる気がする。

if(status_checked[0]['status'] == 0){こうだったりするのかな

Comments

[t_tak]

ご指摘の通り試してみたところ、ただしく指定カラム内の数値と比較することができました。

if(status_checked ==0){の部分は、{ status: 1 }と比較する形になってしまっていたようで、if(status_checked[0]['status'] == 0{と中身を指定してあげると数値との比較になりました。

そのように指定してあげられることが抜けており、ずっと悩んでいたので非常にスッキリとしました！
分かりづらい質問であったのに答えてくださりありがとうございます！