JSFiddle - React, Tailwind, and code Playground

by Petra1999

HTML

<main>
      <textarea
        id="input"
        cols="30"
        rows="10"
        placeholder="Hier JSON einfĂĽgen (Mit Texteditor die Datei aufmachen)"
      ></textarea>
      <input type="button" id="generate" value="GO" />
    </main>

JavaScript

$("#generate").click(function() {
  let inputStr = $("#input").val();
  let input = JSON.parse(inputStr);

  let output = "";

  for (let i = 0; i < input.length; i++) {
    let dream = input[i];
    output += formatDream(dream);
    if (i < input.length - 1) {
      output += "\n\n\n";
    }
  }

  $("#input").val(output);
});

function formatDream(dream) {
  let dr = "";

  // date
  let timestamp = dream.timestamp;
  if (timestamp) {
    dr += timeConverter(timestamp);
    dr += "\n";
  }

  // tags
  let tags = dream.tags;
  if (tags && tags.length > 0) {
    for (let i = 0; i < tags.length; i++) {
      let tag = tags[i];
      dr += "#" + tag;
      if (i < tags.length - 1) {
        dr += " ";
      }
    }
    dr += "\n";
  }

  // text
  dr += dream.text;

  return dr;
}

function timeConverter(UNIX_timestamp) {
  var a = new Date(UNIX_timestamp * 1000);
  var year = a.getFullYear();
  var month = a.getMonth() + 1;
  var date = a.getDate();
  var hour = a.getHours();
  var hourO = hour < 10 ? "0" : "";
  var min = a.getMinutes();
  var minO = min < 10 ? "0" : "";
  var time =
    date + "." + month + "." + year + " " + hourO + hour + ":" + minO + min;
  return time;
}