Збереження відбувається при натисканні на кнопку та зберігається у файл із заданим ім'ям у форматі TXT.
Дане рішення може стати в нагоді для збереження даних, які немає необхідності видавати на друк.

Демо

Силка на даний матеріал: https://uveb.net/blog/zapis_teksta_z_storinki_v_txt_fajl_dlja_skachuvannja/2022-05-08-7
Назва: Прибор-товар
Модель: HD45
Артикул: 56742-567
Колір: Білий
Ціна: 500грн.

Зберегти дані у файл

Встановлення


У першому рядку додано приховану інформацію тільки для копіювання
Код
<table id="copytext">
  <tr style="display: none">
  <td>Ссилка на товар:</td>
  <td>https://uveb.net/blog/zapis_teksta_z_storinki_v_txt_fajl_dlja_skachuvannja/2022-05-08-7</td>
  </tr>  
  <tr>
  <td>Назва:</td>
  <td>Прибор-товар</td>
  </tr>  
  <tr>
  <td>Модель:</td>
  <td>HD45</td>
  </tr>
  <tr>
  <td>Артикул:</td>
  <td>56742-567</td>
  </tr>
  <tr>
  <td>Колір:</td>
  <td>Білий</td>
  </tr>  
  <tr>
  <td>Ціна:</td>
  <td>500грн.</td>
  </tr>  
</table>


Збереження відбувається після натискання на елемент з ID download
Код
<script>
document.addEventListener('DOMContentLoaded', () => {
  let download = document.querySelector('#download');
  download.addEventListener('click', downloadText);
  function downloadText() {
  let copytext = document.querySelector('#copytext').textContent;
  let el = document.createElement('a');
  el.setAttribute('href', `data:text/plain;charset=utf-8,${encodeURIComponent(copytext)}`);
  el.setAttribute('download', 'text.txt');
  el.style.display = 'none';
  document.body.appendChild(el);
  el.click();
  document.body.removeChild(el);
  }
});  
</script>



Переглядів: 0 Коментарів: 0 Добавлено в JavaScript 17:59, 30.09.2022
Ви можете замовити у нас персоналізацію, зміну та допомогу у встановленні даного матеріалу
Замовити

Схожі матеріали:

    avatar
    0
    1 Vov4uk • 15:07, 08.05.2022
    Цікаве рішення. Дякую
    avatar