質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

Q&A

0回答

304閲覧

for文の結果を画面表示時に表示させたい

tokutaku

総合スコア0

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

0グッド

1クリップ

投稿2022/05/06 02:26

編集2022/05/06 02:33

for文の結果を任意の場所に表示させたいのですが、エラーになってしまいサーバーとの接続が切れてしまいます。
inner.HTMLを記載した後でサーバーとの接続切れがみられるためこの辺りに誤りがあるのかと思います。
初めはコンソールログに表示させて、そのあとブラウザ画面のpタグの中に表示させたいと考えておりました。

<html> <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="stylesheet.css"> <!--webページをアップ--> <script src="https://code.jquery.com/jquery-3.4.1.js" integrity="sha256-WpOohJOqMqqyKL9FccASB9O0KwACQJpFTUBLTYOVvVU=" crossorigin="anonymous"></script> <!--JavaScriptファイルと紐づけ--> <script src="main.js" type="text/javascript"></script> <!--main.jsはクライアント側(DBから取得した値を表示する) --> </head> <body> <div id="kadai1"> <input type="text" value="" id="text"> <input type="button" value="button" id="Button"> </div> <!--コンソールに表示させた"成功"、"失敗"をブラウザの画面に表示させる--> <a id="a"></a> <ul> <!-- listを作るときはulで囲む --> <li><p id="render"></p>だが</li> <li><p id="render"></p>だよ</li> <li><p id="render"></p>だが</li> <li><p id="render"></p>だが</li> </ul> </body> </html>

<エラーが出たもの>
var express = require('express');
const res = require('express/lib/response');
const { compile } = require('morgan');
var router = express.Router();

var mysql = require("mysql");
const { request } = require('../app');
var connection = mysql.createConnection({
host : "localhost",
user : "root",
datebase : "api_kougi"
});
connection.connect();
//POSTを受けとる
router.post("/",function(req,res,next) {
var text1 = req.params.value;
console.log("1")//API通信確認
// データベースからtodoのデータを取得  SELECT ~ FROM データベース名.テーブル名の順に書く→記載漏れはエラーの原因に
var queryStr ="SELECT * FROM api_kougi.MY_TODO where id <=4" //id番号1~4を選択して取り出す
// 取得した値を返却
console.log(queryStr)
// "失敗","成功"
connection.query(queryStr,function(err, result){
console.log("ここからエラー文")
console.log(err)
console.log("ここから成功の文")
console.log(result)
if(result) {
res.send(result) //成功した場合に値(result)を返却する
}
else {
res.send({text:"登録失敗"});
}
// for文で繰り返し処理をする
let array = ["","","",""];
for (var i = 0; i < 4; i++) {
document.getElementById('render').innerHTML += i + ''
}
});
});

module.exports = router;

<サーバーには接続できるがcmdのみの表示のもの>
let array = ["","","",""];
for ( i = 0; i < 4; i++) {
array.push("#1"),("#2"),("#3"),("#4")
console.log((i + 1) + '回目の処理です');
}
});
});

module.exports = router;a

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

int32_t

2022/05/06 03:40

サーバ側のコードで document.getElementById('render').innerHTML を使いたいという意図なんでしょうか。 コードはコードブロックで囲んでください。 https://teratail.com/questions/238564
meg_

2022/05/06 04:27

コードは「コードの挿入」で記入してください。 > エラーになってしまい どのようなエラーですか? > 初めはコンソールログに表示させて それは出来ているのですか?
yambejp

2022/05/06 04:28

nodeでしょうか?
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問