Блокнот с сохранениями данных

Question

Как сделать, чтобы текст введённый пользователем внутри блокнота этого блокнота (код предоставлен ниже) после нажатия кнопки сохранялся на отдельной странице (название.com.txt=fgggg например) и затем пользователь мог сохранить ссылку, перейти по ней и увидеть свой текст. Реализация при помощи php и без базы данных желательно

let list = document.querySelector('#list');
let textarea = document.querySelector('#textarea');

let notes = [];

let state = {
  edit: false,
  key: undefined
};

textarea.addEventListener('blur',
  function() {
    if (state.edit) {
      notes[state.key].text = this.value;
      this.value = '';

      state = {
        edit: false,
        key: undefined
      };
    } else {
      let date = new Date;
      let now =
        addZero(date.getHours()) +
        ':' +
        addZero(date.getMinutes()) +
        ':' +
        addZero(date.getSeconds()) +
        ' ' +
        addZero(date.getDate()) +
        '.' +
        addZero(date.getMonth() +
          1) + '.' +
        date.getFullYear();

      notes.push({
        text: this.value,
        time: now
      });

      this.value = '';

      let li = document.createElement('li');
      li.dataset.num = notes.length -
        1;
      li.innerHTML = now;
      list.appendChild(li);

      let self = this;
      li.addEventListener('click',
        function() {
          let num = this.dataset.num;
          self.value = notes[num].text;

          state = {
            edit: true,
            key: num
          };
        });
    }
  });

function addZero(num) {
  if (num >= 0 && num <= 9) {
    return '0' + num;
  } else {
    return num;
  }
}

#wrapper {
  width: 600 px;
}

# textarea {
  width: 400 px;
  height: 500 px;
  padding: 10 px;
}

# list {
  float: right;
  margin - top: 0;
  padding - left: 0;
}

# list li {
  margin - bottom: 10 px;
}

<div id="wrapper">
  <ul id="list"></ul>
  <textarea id="textarea"></textarea>

БЛОГ НА HUSL

Блокнот с сохранениями данных

Ответы (0 шт):