controle de vendas

shopbox

by thvinic

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" id="title" placeholder="Produto">
<input type="text" id="details" placeholder="Valor R$">
<input type="date" id="due" placeholder="due">
<input type="text" id="priority" placeholder="Quantidade">
<button onclick="createTask()">Lançar</button>
<div id="tasks"></div>

<div id="resultado"></div>

CSS

.task {border: 1px solid red; margin:5px;}
p,h1 {margin:0};

JavaScript

function createTask() {
  const tasks = document.getElementById("tasks");

  const task = document.createElement("DIV");
  task.className = "task";
  tasks.appendChild(task);

  const heading = document.createElement("H1");
  heading.innerText = document.querySelector("#title").value;
  task.appendChild(heading);

  const details = document.createElement('div');
  details.className = 'somar';
  details.innerText = document.querySelector("#details").value;
  task.appendChild(details);

  const due = document.createElement("P");
  due.innerText = document.querySelector("#due").value;
  task.appendChild(due);

  const priority = document.createElement("P");
  priority.innerText = document.querySelector("#priority").value;
  task.appendChild(priority);

  const button = document.createElement("BUTTON");
  button.innerText = "Apagar Item";
  button.addEventListener("click", function () {
    this.parentElement.remove();
    localStorage.setItem("Folder1", tasks.innerHTML);
  });
  task.appendChild(button);

  localStorage.setItem("Folder1", tasks.innerHTML);

}

function retrieve() {
  if (localStorage.getItem("Folder1") === null) show("Nothing in Folder1");
  else {
    document.getElementById("tasks").innerHTML = localStorage.getItem(
      "Folder1"
    );
    let buttons = document.getElementsByTagName("button");
    for (var z = 0; z < buttons.length; z++) {
      if (buttons[z].innerText == "Apagar Item") {
        buttons[z].addEventListener("click", function () {
          this.parentElement.remove();
          localStorage.setItem("Folder1", tasks.innerHTML);
        });
      }
    }
  }
}

window.onload = retrieve;

 $(document).ready(function () {
        var total = $('.somar')
            .get()
            .reduce(function (tot, el) {
                var numero = el.innerHTML.split('.').join('').split(',').join('.');
                return tot + Number(numero);
            }, 0);

        $('#resultado').html(total.toLocaleString(undefined, {...