main.js

// TYPED WRITE SCRIPT
var TxtType = function (el, toRotate, period) {
  this.toRotate = toRotate;
  this.el = el;
  this.loopNum = 0;
  this.period = parseInt(period, 10) || 2000;
  this.txt = "";
  this.tick();
  this.isDeleting = false;
};

TxtType.prototype.tick = function () {
  var i = this.loopNum % this.toRotate.length;
  var fullTxt = this.toRotate[i];

  if (this.isDeleting) {
    this.txt = fullTxt.substring(0, this.txt.length - 1);
  } else {
    this.txt = fullTxt.substring(0, this.txt.length + 1);
  }

  this.el.innerHTML = '<span class="wrap">' + this.txt + "</span>";

  var that = this;
  var delta = 200 - Math.random() * 100;

  if (this.isDeleting) {
    delta /= 2;
  }

  if (!this.isDeleting && this.txt === fullTxt) {
    delta = this.period;
    this.isDeleting = true;
  } else if (this.isDeleting && this.txt === "") {
    this.isDeleting = false;
    this.loopNum++;
    delta = 500;
  }

  setTimeout(function () {
    that.tick();
  }, delta);
};

window.onload = function () {
  var elements = document.getElementsByClassName("typewrite");
  for (var i = 0; i < elements.length; i++) {
    var toRotate = elements[i].getAttribute("data-type");
    var period = elements[i].getAttribute("data-period");
    if (toRotate) {
      new TxtType(elements[i], JSON.parse(toRotate), period);
    }
  }
  // INJECT CSS
  var css = document.createElement("style");
  css.type = "text/css";
  css.innerHTML = ".typewrite > .wrap { border-right: 0.08em solid #fff}";
  document.body.appendChild(css);
};

//SCRIPT FOR NAV CONTENT
function closeFunc() {
  document.querySelector(".nav-content").style.display = "none";
  document.querySelector("#bars").style.display = "block";
}

function shownFunc() {
  document.querySelector(".nav-content").style.display = "flex";
  document.querySelector("#bars").style.display = "none";
}

// Email Function
const Name = document.getElementById("name");
const email = document.getElementById("address");
const content = document.getElementById("about-content");

function validateForm() {
  let errorFlag = false;

  if (Name.value.length < 1) {
    errorFlag = true;
  }

  if (!emailIsValid(email.value)) {
    errorFlag = true;
  }

  if (content.value.length < 1) {
    errorFlag = true;
  }
  if (errorFlag == false) {
    send();
    alert("Successfully Send");
  } else {
    alert("Failed");
  }
  clearMessages();
}
//Clear error / success messages
function clearMessages() {
  Name.value = "";
  email.value = "";
  content.value = "";
}
//Check if email is valid
function emailIsValid(email) {
  let pattern = /\S+@\S+\.\S+/;
  return pattern.test(email);
}
// Sending Mails

function send() {
  emailjs.send("service_eiak4e7", "template_nlaurfr", {
    from_name: Name.value,
    to_name: email.value,
    message: content.value,
  });
}

$("#Email_Form").submit(function (e) {
  e.preventDefault();
});