html如何与js链接,链接index.html client.js和server.js

我从Node.js开始，我的第一个程序已经遇到了问题。下面是我正在使用的代码。Index.html：

Random Temperatures

Client.js：

const textBox = document.getElementById('tb');

const button = document.getElementById('myButton');

button.addEventListener('click', function(e) {

var rnd = Math.floor(Math.random() * 100);

textBox.value = rnd;

});

Server.js：

var app = require('http').createServer(response);

var fs = require('fs');

app.listen(8080);

console.log("App running…");

function response(req, res) {

fs.readFile(__dirname + '/public/index.html',

function (err, data) {

if (err) {

res.writeHead(500);

return res.end('Failed to load file index.html');

}

res.writeHead(200);

res.end(data);

});

}

启动应用程序时，我进入浏览器，出现文本框和按钮。但是在浏览器控制台中，我得到了以下错误：

client.js：1未捕获的SyntaxError：意外令牌<

ContentScript.js：112 onResRdy中的异常：TypeError：无法读取未定义的属性’htmlRes’

localhost /：1未检查的runtime.lastError：无法建立连接。接收端不存在。

我想我的问题是3个文件之间的链接，但是我尝试了几件事，但无法解决问题。我敢肯定这是一个愚蠢的错误，但请原谅我才刚刚起步。有什么建议吗？

html如何与js链接,链接index.html client.js和server.js相关推荐

使用js,把链接转为二维码
使用js,把链接转为二维码 Html Js qrcode.min.js Html <!DOCTYPE html> <html><head><meta char ...
vue调用顺序(初学版) index.html → main.js → app.vue → index.js → components/组件测试
关于它是怎么调用运作的:https://mp.csdn.net/postedit/86134414 一. 准备工作: 1.下载webstorm,安装vue. 2.创建项目,cd到要放项目的文件夹下 v ...
js 获取vue组件html_关于Vue中main.js，App.vue，index.html之间关系进行总结
在初始化的Vue项目中,我们最先接触到的就是main.js,App.vue,index.html这三个文件,我们从培训视频或者官方文档上可以了解到: index.html---主页,项目入口 App. ...
JavaScript(JS) array.splice(index, howMany, [element1][, ..., elementN])
Array对象允许在一个变量中存储多个值.它存储相同类型元素的固定大小的顺序集合.数组用于存储数据集合,但将数组看作同一类型变量的集合通常更有用.本文主要介绍JavaScript(JS) array. ...
程序的静态链接——链接和目标文件格式
链接概述和目标文件格式可执行文件生成概述可执行文件的生成链接链接发展史链接操作的步骤链接的好处深入讨论链接目标文件格式三类目标文件 ELF目标文件格式概述 ELF可重定位目标文件格式 ...
JavaScript(JS) string.charCodeAt(index)
String对象允许你处理一系列字符;它用许多辅助方法包装Javascript的字符串原始数据类型.当JavaScript在字符串原语和字符串对象之间自动转换时,可以在字符串原语上调用string对象 ...
JS前端AI应用集合重磅开源，PP-OCRv3 JS版模型速度提升87.5%
在前端应用中,人脸识别.人像分割等AI能力已经广泛分布于各类场景中,其在低延迟.数据隐私保护.服务资源节省等方面都有明显的应用优势.随着人工智能技术的不断发展,越来越多的深度学习模型在保持超轻量的同时 ...
Node.js （上）（超级详细的node.js学习笔记！！！）
目录一.初识Node.js与内置模块 1.之前知识回顾(为Node.js理解做铺垫) 1.1浏览器中的js的组成部分 1.2 为什么js可以在浏览器中被执行 1.3 为什么浏览器可以操作Bom和Do ...
构建node.js基础镜像_在Android上构建Node.js应用程序
构建node.js基础镜像 by Aurélien Giraud 通过AurélienGiraud 在Android上构建Node.js应用程序-第1部分:Termux,Vim和Node.js (Bu ...

html如何与js链接,链接index.html client.js和server.js

html如何与js链接,链接index.html client.js和server.js相关推荐

最新文章

热门文章