Программы
Как и обещал, описываю результаты. Внёс изменения к код НОД-сервера по типу:
let commands = '<!DOCTYPE html><html><head><meta http-equiv="content-type" content="text/html; charset=UTF-8"></head><body>';
readURL("https://vovan.mozello.ru/blog/params/post/3970795").then(data => {
text = data;
commands += ((text.split('NNNNNNNNNN'))[1]);fs.writeFile('commands.html', commands, function (err) {
if (err) return console.log(err);
console.log('All the commands are saved');
});});
Создаётся ХТМЛ файл, в котором сохраняются все команды, выложенные на странице. Любую текстовую информацию пожно скачивать и передавать таким способом. Однако, я буду искать другие варианты - более быстрые и доступные для отправки и выполнения команд в том числе с телефона.
Помимо этого, я создал страничку, которая позволяет хранить записи с привязкой к дате. Работает в Мозилле, в Хроме не вылазиет алерт почему-то. Три файла в одной папке:
Journal.html
<!DOCTYPE html><html> <head><title>Common</title><meta http-equiv = "Content-Type" content = "text/html; charset = utf-8" ><link rel = "stylesheet" type = "text/css" href = "service/style.css"></head><body><script src="start.js"></script><button onclick="start()" >Add new line</button></body></html>
script.js
function addLine() {timestamp=new Date();name = 'name'+timestamp.getDay()+timestamp.getMonth()+timestamp.getYear()+timestamp.getHours()+timestamp.getMinutes()+timestamp.getSeconds() + '= document.getElementById("name").value'; eval(name);content = 'content'+timestamp.getDay()+timestamp.getMonth()+timestamp.getYear()+timestamp.getHours()+timestamp.getMinutes()+timestamp.getSeconds() + '= document.getElementById("text").value'; eval(content); document.write("<tr id=object"+timestamp.getDay()+timestamp.getMonth()+timestamp.getYear()+timestamp.getHours()+timestamp.getMinutes()+timestamp.getSeconds()+"><td>"+timestamp.getDay()+"."+(timestamp.getMonth()+1)+"."+(timestamp.getYear()+1900)+" "+timestamp.getHours()+":"+timestamp.getMinutes()+":"+timestamp.getSeconds()+"</td><td><a href='#' onClick='alert(content"+timestamp.getDay()+timestamp.getMonth()+timestamp.getYear()+timestamp.getHours()+timestamp.getMinutes()+timestamp.getSeconds()+")'>"+document.getElementById('name').value+"</a></td><td><button onclick=' document.getElementById(`object"+timestamp.getDay()+timestamp.getMonth()+timestamp.getYear()+timestamp.getHours()+timestamp.getMinutes()+timestamp.getSeconds()+"`).style.display = `none`'>delete</button></td></div></tr>"); console.log("object"+timestamp.getDay()+timestamp.getMonth()+timestamp.getYear()+timestamp.getHours()+timestamp.getMinutes()+timestamp.getSeconds()+" was created"); };
start.js
function start() {a = '<!DOCTYPE html><html> <head> <title>Common</title> <meta http-equiv = "Content-Type" content = "text/html; charset = utf-8" > '; b = ' <style> #zatemnenie { background: rgba(102, 102, 102, 0.5); width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: none; } #okno { width: 600px; height: 300px; text-align: center; padding: 15px; border: 3px solid #c9be3e; border-radius: 10px; color: #c9be3e; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; background: #fff; } #zatemnenie:target {display: block;} .close { display: inline-block; border: 1px solid #c9be3e; color: #c9be3e; padding: 0 12px; margin: 10px; text-decoration: none; background: #f2f2f2; font-size: 14pt; cursor:pointer; } .close:hover{background: #e6e6ff;} </style> </head> <body> '; c = '<div id="zatemnenie"> <div id="okno"> Enter the note<br> <textarea id="name" rows="1" cols="45" name="text"> Name </textarea></br> <textarea id="text" rows="10" cols="45" name="text"> Text </textarea></br> <a href="#" class="close">Close</a> <button onclick="addLine()" >Add new line</button> </div> </div> <a href="#zatemnenie">Add a note</a>'; d = '<script src="script.js"></script> <script src="content.js"></script> <table><tr><td><h2>Time stamp</h2></td><td><h2>__________Name__________</h2></td><td><h2>Delete</h2></td></tr>';
document.write(a+b+c+d);};
Отдельно обратите внимание на индусский код в Старте: это я не специально. Просто в процессе отрисовывания страницы заново я сначала написал общий вид страницы, а затем взял код другой, в которой есть форма ввода. В итоге пришлось собирать кусочки как паззлы.