У меня есть файл сценария java и моя таблица стилей, которую я пытаюсь включить, чтобы иметь возможность использовать созданный мной сайт с шифром.
Мой путь к файлу
website/ (содержит файлы app.js / html и пакет json)
website/public/css (содержит файлы css)
website/public/scripts (содержащий мой файл JavaScript)
При статическом просмотре все работает как задумано. JS работает и CSS работает.
Однако при использовании node.js для его динамического запуска они не работают, однако я, кажется, добавил правильный синтаксис для их добавления.
app.get('/public/scripts/script.js',function(req,res){
res.sendfile(path.join(__dirname+'/public/scripts/script.js'));
});
app.get('/public/css/styles.css',function(req,res){
res.sendfile(path.join(__dirname+'/public/css/style.css'));
});
И мои теги ссылок в моем HTML-файле
<link rel="stylesheet" type="text/css" href="css/styles.css">
Я очень новичок в node.js и выражаю и был бы признателен за помощь в выяснении, что с ним не так.
Все соответствующие файлы ниже
файл app.js
const express = require('express');
const app = express();
var fs = require('fs');
var path = require('path');
app.listen(8080), () => console.log('listening on port 8080');
app.get('/', (req, res) => {
res.sendFile(path.join(__dirname + '/index.html'));
});
app.get('/index.html', (req, res) => {
res.sendFile(path.join(__dirname + '/index.html'));
})
app.get('/about.html', (req, res) => {
res.sendFile(path.join(__dirname + '/about.html'));
})
app.get('/public/scripts/script.js',function(req,res){
res.sendfile(path.join(__dirname+'/public/scripts/script.js'));
});
app.get('/public/css/styles.css',function(req,res){
res.sendfile(path.join(__dirname+'/public/css/style.css'));
});
app.get('/cyphers.html', (req, res) => {
res.sendFile(path.join(__dirname + '/cyphers.html'));
})
app.get('/api/courses', (req, res) => {
res.send([1, 2, 3]);
})
HTML
<head>
<title> 40285570 Cyphers </title>
<link rel="stylesheet" type="text/css" href="css/styles.css">
<script type="text/javascript" src="public/morseCode.js"></script>
<script type="text/javascript" src="public/atbash.js"></script>
<script type="text/javascript" src="public/caesarCipher.js"></script>
<script type="text/javascript" src="public/scripts/rot13.js"></script>
</head>
файл моего скрипта
function generateRot13()
{
var alphabet = "abcdefghhijklmnopqrstuvwxyzabcdefghhijkl";
var rot13Input = document.getElementById("message").value
var rot13Output = "";
for(a = 0; a <= rot13Input.length; a++)
{
var rot13Character = rot13Input.charAt(a);
for(b = 0; b <= 26; b++)
{
if(rot13Character == alphabet[b])
{
rot13Output += alphabet[b + 13]
break;
}
}
document.getElementById("generatedMessage").value = rot13Output;
}
};
function generateMorseCode()
{
var text = "abcdefghijklmnopqrstuvwxyz1234567890.,?!/()&:;,=+-_$@ "
alphabet = new Array(
".-","-...","-.-.","-..",".","..-.","--.","....","..",".---",
"-.-",".-..","--","-.","---",".--.","--.-",".-.","...","-","..-",
"...-",".--","-..-","-.--","--..",".----","..---","...--","....-",
".....","-....","--...","---..","----.","-----",".-.-.-","--..--",
"..--..",".----.","-.-.--","-..-.","-.--.","-.--.-",".-...",
"---...","-.-.-.","-...-",".-.-.","-....-","..--.-","...-..-",
".--.-."," "
);
var userInput = document.getElementById("message").value;
var generatedMessage = "";
userInput.split("");
for(i = 0;i <= userInput.length; i++)
{
currentCharacter = userInput.charAt(i).toLowerCase();
for(x = 0; x <= text.length; x++)
{
if(currentCharacter == text.charAt(x))
{
generatedMessage += alphabet[x] + " | ";
break;
}
}
}
document.getElementById("generatedMessage").value = generatedMessage;
document.getElementById("message").value = "";
};
function generateCaesarCypher()
{
`var caesarAlphabet = "abcdefghhijklmnopqrstuvwxyzabcdefghhijklmnopqrstuvwxyzabcdefghhijklmnopqrstuvwxyzabcdefghhijklmnopqrstuvwxy`zabcdefghhijklmnopqrstuvwxyz";
var caesarKey = document.getElementById("caesarKey").value;
var caesarInput = document.getElementById("message").value;
var caesarOutput = "";
var integer = parseInt(caesarKey);
for(a = 0; a <= caesarInput.length; a++)
{
var caesarCharacter = caesarInput.charAt(a);
for(b = 0; b <= 26; b++)
{
if(caesarCharacter == caesarAlphabet[b])
{
caesarOutput += caesarAlphabet[b + integer];
break;
}
}
document.getElementById("generatedMessage").value = caesarOutput;
}
}
function generateAtbash()
{
var atBashInput = document.getElementById("message").value;
var backwardsAbc = "zyxwvutsrqponmlkjihgfedcba";
var forwardsAbc = "abcdefghijklmnopqrstuvwxyz";
var generatedAtbash = "";
backwardsAbc.split("");
atBashInput.split("");
for(a = 0; a <= atBashInput.length; a++)
{
var atBashCharacter = atBashInput.charAt(a);
for(b = 0; b <= backwardsAbc.length; b++)
{
if(atBashCharacter == forwardsAbc[b])
{
generatedAtbash += backwardsAbc[b];
break;
}
}
document.getElementById("generatedMessage").value = generatedAtbash;
}
};