Q&A
set.js を見ると node.js っぽいんですが、これでブラウザで動きますか？ require でエラーが出ませんか？
実現したいこと
javascriptで計算した結果をwebブラウザに反映させたい
前提
html、css、javascriptを使用して待ち時間を表示させるプログラムを作成しているのですが、javascriptで計算した結果をうまくwebブラウザに表示させれなくて困っています。
掲載しているソースコードは作成途中なので定食の注文数を表示させようとしています。
該当のソースコード
set.js
let fainal_time = 0; //計算後の待ち時間
let set_count = 0; //定食の注文数
var csvArray= []; // データを入れるための配列
function getCSV(){
const fs = require('fs');
let text = fs.readFileSync("C:\Users\ユーザ名\Desktop\卒業研究\プログラム\dummy_data.csv", 'utf-8');
//console.log(text);
convertCSV(text);
}
function convertCSV(csvfail){
console.log(csvfail);
var tmp = csvfail.split("\n"); // 改行を基準にデータを行ごとで配列化
// 各行ごとにカンマで区切った文字列の配列データを生成
for(var i = 0; i < tmp.length; i++){
var tmpROW = tmp[i].split(',');
if( tmpROW !== '' ){
csvArray[i] = tmp[i].split(',');
}
}
console.log(csvArray[0]);
}
// csvファイルの読み込みを実行
getCSV();
console.log(csvArray[0]);
for(var i = 0; i<csvArray.length; i++){
if(csvArray == "定食"){
set_count++;
}
}
document.write(set_count);
main.html
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>食堂の混雑状況</title> <link rel="stylesheet" href="main.css"> </head> <body> <div class="header">各メニューの待ち時間</div></body> </html><div class="main"> <div class="main-item"> <tr> <td>定食</td> <span> <script src="set.js"></script></span> </tr> </div> </div>
「document.write(set_count);
^
ReferenceError: document is not defined」というエラーが出てブラウザでは動きません。
node.js使っていたらブラウザに反映させることは出来ないのでしょうか？
そうですね
回答1件
0
ベストアンサー
通常のjsでやる場合はローカルファイルは読むことはできません。
(1)「<input type="file">」で任意のファイルを手動で呼び出すか
(2)httpサーバー上の任意のフォルダにcsvファイルをおくか
(3)nodeなどで実行する
などの対応が必要でしょう
投稿2023/09/11 09:21
編集2023/09/11 09:22
総合スコア117678
あなたの回答
tips
プレビュー
