1577472761
How to Send Emails From Javascript
Sending an email through your web app is some times a hectic process for beginners. In this article, I will walk you through a simple JavaScript task assignment app. The user can add the assignee name, email and task description and can simply send email to the assignee with task details using a library called email.js. I will also explain how you can persist the task using local storage.
Prerequisites
In order to follow the article, you should be familiar with HTML, Bootstrap and JavaScript. You can use any code editor to follow along.
Learning outcomes
- JavaScript DOM Traversal
- Using JavaScript Library
- Local Storage
Final Look of the app
Bootstrap 4 cdn
I will be using Bootstrap 4’s CDN for the app. You can either use it or may use some other way to add it to your app.
<!-- Add this in <head> element-->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<!-- Add this before closing body tag -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
Developing app’s front-end
Create a file named index.html and add the following piece of code.
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Required meta tags always come first -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<title>JS Email</title>
</head>
<body>
<header class="jumbotron">
<div class="container">
<div class="row">
<div class="col-12 col-sm-12 text-center">
<h1>Send Email through JavaScript</h1>
</div>
</div>
</div>
</header>
<div class="container-fluid">
<div class="row">
<div class="col col-sm"></div>
<div class="col-sm-6 col-12">
<label for="task">Task Description: </label>
<input type="text" id="task" class="form-control" required>
<div class="row">
<div class="col-sm-6 col-12">
<label for="assigneeName">Assignee Name: </label>
<input type="text" id="assigneeName" class="form-control" required>
</div>
<div class="col-sm-6 col-12">
<label for="assigneeEmail">Assignee Email:</label>
<input type="email" id="assigneeEmail" class="form-control" required>
</div>
</div>
<label for="dueDate">Due Date: </label>
<input type="date" id="dueDate" class="form-control" required>
<button type="button" class="btn btn-success mt-1">Add Task</button>
</div>
<div class="col col-sm"></div>
</div>
<hr>
<div class="row">
</div>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
</body>
</html>
The above given code snippet setups the layout of the app. Now let us add the functionality. After filling the required information, when the user clicks on the Add Task button, the task should be added to the DOM (Document Object Model) as a Bootstrap card. For this purpose, let’s write JavaScript code first.
Adding JavaScript
Let’s add the JavaScript to bring life to the app. Create a file named app.js and add the code given below.
//add button
const addBtn = document.querySelector('button');
//the row where cards will be appended
const taskDiv = document.querySelectorAll('div.row')[3];
//Retrieve from Local Storage
taskDiv.innerHTML = localStorage.getItem('tasks');
//task description input element
const taskDescription = document.querySelector('#task');
//assignee name input element
const assigneeName = document.querySelector('#assigneeName');
//assignee emal input element
const assigneEmail = document.querySelector('#assigneeEmail');
//due date input element
const dueDate = document.querySelector('#dueDate');
//Click listener for add button
addBtn.addEventListener('click', () => {
//Create a new div
let div = document.createElement('div');
//Add class to div
div.className = 'col-12 col-sm-4 mt-1';
//Create a div for bootstrap card
let card = document.createElement('div');
//Add card class
card.className = 'card';
//Create card head
let cardHead = document.createElement('div');
//add card header class
cardHead.className = 'card-header';
//create card body
let cardBody = document.createElement('div');
cardBody.className = 'card-body';
//create card footer
let cardFoot = document.createElement('div');
cardFoot.className = 'card-footer';
//Append the card components to the card div
card.appendChild(cardHead);
card.appendChild(cardBody);
card.appendChild(cardFoot);
//Create h2 Element for assignee name display
let name = document.createElement('h2');
//get value from name input field
name.className = 'name';
//due date element
let datee = document.createElement('h3');
//get value from date input field
datee = dueDate.value;
//Set assignee name and date
name.innerHTML = assigneeName.value + '<small class="text-danger pl-1">Due: ' + datee + '</small>';
cardHead.appendChild(name);
//Create element for p which is task description
let desc = document.createElement('p');
desc.textContent = taskDescription.value;
//Append the description to card body element
cardBody.appendChild(desc);
//Create a button for card to send email
let sendBtn = document.createElement('button');
sendBtn.className = 'btn btn-info';
sendBtn.textContent = 'Send Mail';
//Assign the data-email attribute to store the email value
sendBtn.setAttribute('data-email', assigneEmail.value);
cardFoot.appendChild(sendBtn);
div.appendChild(card);
taskDiv.appendChild(div);
//store to local storage
localStorage.setItem('tasks', taskDiv.innerHTML);
});
});
The above piece of code is doing the following things:
- It gets the values from the input fields.
- A click listener is written for click event of Add Task button.
- The click listener dynamically adds the new task card.
Setting Up the emailjs account for sending email
Sign up for the account here.
Add the Personal Email Gmail as service and Connect your account.
Provide the required details
Click on the Email Templates tab and Add New Template with name Task.
Set the email template as shown in the figure below:
Click on the Installation option as shown in the picture below and add the code snippet to **** of your index.html file.
Also add the app.js file to your index.html file before the closing tag of body.
Now, in your app.js file, add the following piece of code:
taskDiv.addEventListener('click', function() {
if (event.target.tagName == 'BUTTON') {
let p = event.target.parentElement.parentElement;
let n = p.firstElementChild.textContent;
let nm = (n.substr(0, n.indexOf("Due:")));
let t = p.children[1].firstElementChild.textContent;
console.log(t);
var templateParams = {
email: event.target.getAttribute('data-email'),
name: nm,
task: t
};
emailjs.send('default_service', 'task', templateParams);
}
});
The above given code sets the email parameters to be sent.
This is how your index.html and app.js file will look like:
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Required meta tags always come first -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script type="text/javascript">
(function() {
emailjs.init("YOUR USER ID");
})();
</script>
<title>JS Email</title>
</head>
<body>
<header class="jumbotron">
<div class="container">
<div class="row">
<div class="col-12 col-sm-12 text-center">
<h1>Send Email through JavaScript</h1>
</div>
</div>
</div>
</header>
<div class="container-fluid">
<div class="row">
<div class="col col-sm"></div>
<div class="col-sm-6 col-12">
<label for="task">Task Description: </label>
<input type="text" id="task" class="form-control" required>
<div class="row">
<div class="col-sm-6 col-12">
<label for="assigneeName">Assignee Name: </label>
<input type="text" id="assigneeName" class="form-control" required>
</div>
<div class="col-sm-6 col-12">
<label for="assigneeEmail">Assignee Email:</label>
<input type="email" id="assigneeEmail" class="form-control" required>
</div>
</div>
<label for="dueDate">Due Date: </label>
<input type="date" id="dueDate" class="form-control" required>
<button type="button" class="btn btn-success mt-1">Add Task</button>
</div>
<div class="col col-sm"></div>
</div>
<hr>
<div class="row">
</div>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js">
</script>
<script src = "app.js"></script>
</body>
</html>
app.js
//add button
const addBtn = document.querySelector('button');
//the row where cards will be appended
const taskDiv = document.querySelectorAll('div.row')[3];
//Retrieve from Local Storage
taskDiv.innerHTML = localStorage.getItem('tasks');
//task description input element
const taskDescription = document.querySelector('#task');
//assignee name input element
const assigneeName = document.querySelector('#assigneeName');
//assignee emal input element
const assigneEmail = document.querySelector('#assigneeEmail');
//due date input element
const dueDate = document.querySelector('#dueDate');
//Click listener for add button
addBtn.addEventListener('click', () => {
//Create a new div
let div = document.createElement('div');
//Add class to div
div.className = 'col-12 col-sm-4 mt-1';
//Create a div for bootstrap card
let card = document.createElement('div');
//Add card class
card.className = 'card';
//Create card head
let cardHead = document.createElement('div');
//add card header class
cardHead.className = 'card-header';
//create card body
let cardBody = document.createElement('div');
cardBody.className = 'card-body';
//create card footer
let cardFoot = document.createElement('div');
cardFoot.className = 'card-footer';
//Append the card components to the card div
card.appendChild(cardHead);
card.appendChild(cardBody);
card.appendChild(cardFoot);
//Create h2 Element for assignee name display
let name = document.createElement('h2');
//get value from name input field
name.className = 'name';
//due date element
let datee = document.createElement('h3');
//get value from date input field
datee = dueDate.value;
//Set assignee name and date
name.innerHTML = assigneeName.value + '<small class="text-danger pl-1">Due: ' + datee + '</small>';
cardHead.appendChild(name);
//Create element for p which is task description
let desc = document.createElement('p');
desc.textContent = taskDescription.value;
//Append the description to card body element
cardBody.appendChild(desc);
//Create a button for card to send email
let sendBtn = document.createElement('button');
sendBtn.className = 'btn btn-info';
sendBtn.textContent = 'Send Mail';
//Assign the data-email attribute to store the email value
sendBtn.setAttribute('data-email', assigneEmail.value);
cardFoot.appendChild(sendBtn);
div.appendChild(card);
taskDiv.appendChild(div);
//store to local storage
localStorage.setItem('tasks', taskDiv.innerHTML);
});
taskDiv.addEventListener('click', function() {
if (event.target.tagName == 'BUTTON') {
let p = event.target.parentElement.parentElement;
let n = p.firstElementChild.textContent;
let nm = (n.substr(0, n.indexOf("Due:")));
let t = p.children[1].firstElementChild.textContent;
console.log(t);
var templateParams = {
email: event.target.getAttribute('data-email'),
name: nm,
task: t
};
emailjs.send('default_service', 'task', templateParams);
}
});
Create a new task and add the task. Like the following:
Click on Send Mail and the email will be sent to the user with the task details.
Thank you for reading, please comment if you have any question.
#JavaScript #Email #Tutorial #javascript
What is GEEK
Buddha Community
1620363480
Send Email In Laravel
Hello Guys,
Today I will give you demo how to send email in laravel, in this post we will show how to send email using SMTP in laravel, email is very basic and most important feature in web development field and it is necessary for all client.
So, in this tutorial I will give you information about send mail in laravel. So, follow below steps.
Send Email In Laravel
https://websolutionstuff.com/post/send-email-in-laravel
#laravel #php #send email in laravel #email #how to send email in laravel #laravel send mail
1620961208
Node js Send Email with Attachment using Nodemailer
In this node js send email with attachment using nodemailer. In this tutorial, you will learn how you can send the email using the Gmail SMTP in node js. Here you will learn step by step, how you can send email using Gmail SMTP in node js
Sending email via Node js is easy. Today we are going to discuss send an email via node js. We will use nodemailermodule and Gmail SMTP to send the email. We will also learn how to send an email with an attachment. So let’s get started with the node js send email with attachment tutorial.
How to Send Attachment in Email using Nodemailer in Node Js
Just follow the following steps and send email through gmail with attachment using nodemailer in node js:
1. Step 1 - First Install Nodemailer 1. Step 2 - Configure Gmail SMTP with Nodemailer 1. Step 3 - Sending Email with Gmail SMTP 1. Step 4 - Send Multiple Recipient At The Same Time 1. Step 5 - Send Simple HTMLhttps://www.tutsmake.com/node-js-send-email-through-gmail-with-attachment-example/
#node js send email through gmail with attachment #how to send attachment in mail using nodemailer #nodejs send email with attachment #nodejs send email with attachment example
1577472761
How to Send Emails From Javascript
Sending an email through your web app is some times a hectic process for beginners. In this article, I will walk you through a simple JavaScript task assignment app. The user can add the assignee name, email and task description and can simply send email to the assignee with task details using a library called email.js. I will also explain how you can persist the task using local storage.
Prerequisites
In order to follow the article, you should be familiar with HTML, Bootstrap and JavaScript. You can use any code editor to follow along.
Learning outcomes
- JavaScript DOM Traversal
- Using JavaScript Library
- Local Storage
Final Look of the app
Bootstrap 4 cdn
I will be using Bootstrap 4’s CDN for the app. You can either use it or may use some other way to add it to your app.
<!-- Add this in <head> element-->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<!-- Add this before closing body tag -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
Developing app’s front-end
Create a file named index.html and add the following piece of code.
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Required meta tags always come first -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<title>JS Email</title>
</head>
<body>
<header class="jumbotron">
<div class="container">
<div class="row">
<div class="col-12 col-sm-12 text-center">
<h1>Send Email through JavaScript</h1>
</div>
</div>
</div>
</header>
<div class="container-fluid">
<div class="row">
<div class="col col-sm"></div>
<div class="col-sm-6 col-12">
<label for="task">Task Description: </label>
<input type="text" id="task" class="form-control" required>
<div class="row">
<div class="col-sm-6 col-12">
<label for="assigneeName">Assignee Name: </label>
<input type="text" id="assigneeName" class="form-control" required>
</div>
<div class="col-sm-6 col-12">
<label for="assigneeEmail">Assignee Email:</label>
<input type="email" id="assigneeEmail" class="form-control" required>
</div>
</div>
<label for="dueDate">Due Date: </label>
<input type="date" id="dueDate" class="form-control" required>
<button type="button" class="btn btn-success mt-1">Add Task</button>
</div>
<div class="col col-sm"></div>
</div>
<hr>
<div class="row">
</div>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
</body>
</html>
The above given code snippet setups the layout of the app. Now let us add the functionality. After filling the required information, when the user clicks on the Add Task button, the task should be added to the DOM (Document Object Model) as a Bootstrap card. For this purpose, let’s write JavaScript code first.
Adding JavaScript
Let’s add the JavaScript to bring life to the app. Create a file named app.js and add the code given below.
//add button
const addBtn = document.querySelector('button');
//the row where cards will be appended
const taskDiv = document.querySelectorAll('div.row')[3];
//Retrieve from Local Storage
taskDiv.innerHTML = localStorage.getItem('tasks');
//task description input element
const taskDescription = document.querySelector('#task');
//assignee name input element
const assigneeName = document.querySelector('#assigneeName');
//assignee emal input element
const assigneEmail = document.querySelector('#assigneeEmail');
//due date input element
const dueDate = document.querySelector('#dueDate');
//Click listener for add button
addBtn.addEventListener('click', () => {
//Create a new div
let div = document.createElement('div');
//Add class to div
div.className = 'col-12 col-sm-4 mt-1';
//Create a div for bootstrap card
let card = document.createElement('div');
//Add card class
card.className = 'card';
//Create card head
let cardHead = document.createElement('div');
//add card header class
cardHead.className = 'card-header';
//create card body
let cardBody = document.createElement('div');
cardBody.className = 'card-body';
//create card footer
let cardFoot = document.createElement('div');
cardFoot.className = 'card-footer';
//Append the card components to the card div
card.appendChild(cardHead);
card.appendChild(cardBody);
card.appendChild(cardFoot);
//Create h2 Element for assignee name display
let name = document.createElement('h2');
//get value from name input field
name.className = 'name';
//due date element
let datee = document.createElement('h3');
//get value from date input field
datee = dueDate.value;
//Set assignee name and date
name.innerHTML = assigneeName.value + '<small class="text-danger pl-1">Due: ' + datee + '</small>';
cardHead.appendChild(name);
//Create element for p which is task description
let desc = document.createElement('p');
desc.textContent = taskDescription.value;
//Append the description to card body element
cardBody.appendChild(desc);
//Create a button for card to send email
let sendBtn = document.createElement('button');
sendBtn.className = 'btn btn-info';
sendBtn.textContent = 'Send Mail';
//Assign the data-email attribute to store the email value
sendBtn.setAttribute('data-email', assigneEmail.value);
cardFoot.appendChild(sendBtn);
div.appendChild(card);
taskDiv.appendChild(div);
//store to local storage
localStorage.setItem('tasks', taskDiv.innerHTML);
});
});
The above piece of code is doing the following things:
- It gets the values from the input fields.
- A click listener is written for click event of Add Task button.
- The click listener dynamically adds the new task card.
Setting Up the emailjs account for sending email
Sign up for the account here.
Add the Personal Email Gmail as service and Connect your account.
Provide the required details
Click on the Email Templates tab and Add New Template with name Task.
Set the email template as shown in the figure below:
Click on the Installation option as shown in the picture below and add the code snippet to **** of your index.html file.
Also add the app.js file to your index.html file before the closing tag of body.
Now, in your app.js file, add the following piece of code:
taskDiv.addEventListener('click', function() {
if (event.target.tagName == 'BUTTON') {
let p = event.target.parentElement.parentElement;
let n = p.firstElementChild.textContent;
let nm = (n.substr(0, n.indexOf("Due:")));
let t = p.children[1].firstElementChild.textContent;
console.log(t);
var templateParams = {
email: event.target.getAttribute('data-email'),
name: nm,
task: t
};
emailjs.send('default_service', 'task', templateParams);
}
});
The above given code sets the email parameters to be sent.
This is how your index.html and app.js file will look like:
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Required meta tags always come first -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script type="text/javascript">
(function() {
emailjs.init("YOUR USER ID");
})();
</script>
<title>JS Email</title>
</head>
<body>
<header class="jumbotron">
<div class="container">
<div class="row">
<div class="col-12 col-sm-12 text-center">
<h1>Send Email through JavaScript</h1>
</div>
</div>
</div>
</header>
<div class="container-fluid">
<div class="row">
<div class="col col-sm"></div>
<div class="col-sm-6 col-12">
<label for="task">Task Description: </label>
<input type="text" id="task" class="form-control" required>
<div class="row">
<div class="col-sm-6 col-12">
<label for="assigneeName">Assignee Name: </label>
<input type="text" id="assigneeName" class="form-control" required>
</div>
<div class="col-sm-6 col-12">
<label for="assigneeEmail">Assignee Email:</label>
<input type="email" id="assigneeEmail" class="form-control" required>
</div>
</div>
<label for="dueDate">Due Date: </label>
<input type="date" id="dueDate" class="form-control" required>
<button type="button" class="btn btn-success mt-1">Add Task</button>
</div>
<div class="col col-sm"></div>
</div>
<hr>
<div class="row">
</div>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js">
</script>
<script src = "app.js"></script>
</body>
</html>
app.js
//add button
const addBtn = document.querySelector('button');
//the row where cards will be appended
const taskDiv = document.querySelectorAll('div.row')[3];
//Retrieve from Local Storage
taskDiv.innerHTML = localStorage.getItem('tasks');
//task description input element
const taskDescription = document.querySelector('#task');
//assignee name input element
const assigneeName = document.querySelector('#assigneeName');
//assignee emal input element
const assigneEmail = document.querySelector('#assigneeEmail');
//due date input element
const dueDate = document.querySelector('#dueDate');
//Click listener for add button
addBtn.addEventListener('click', () => {
//Create a new div
let div = document.createElement('div');
//Add class to div
div.className = 'col-12 col-sm-4 mt-1';
//Create a div for bootstrap card
let card = document.createElement('div');
//Add card class
card.className = 'card';
//Create card head
let cardHead = document.createElement('div');
//add card header class
cardHead.className = 'card-header';
//create card body
let cardBody = document.createElement('div');
cardBody.className = 'card-body';
//create card footer
let cardFoot = document.createElement('div');
cardFoot.className = 'card-footer';
//Append the card components to the card div
card.appendChild(cardHead);
card.appendChild(cardBody);
card.appendChild(cardFoot);
//Create h2 Element for assignee name display
let name = document.createElement('h2');
//get value from name input field
name.className = 'name';
//due date element
let datee = document.createElement('h3');
//get value from date input field
datee = dueDate.value;
//Set assignee name and date
name.innerHTML = assigneeName.value + '<small class="text-danger pl-1">Due: ' + datee + '</small>';
cardHead.appendChild(name);
//Create element for p which is task description
let desc = document.createElement('p');
desc.textContent = taskDescription.value;
//Append the description to card body element
cardBody.appendChild(desc);
//Create a button for card to send email
let sendBtn = document.createElement('button');
sendBtn.className = 'btn btn-info';
sendBtn.textContent = 'Send Mail';
//Assign the data-email attribute to store the email value
sendBtn.setAttribute('data-email', assigneEmail.value);
cardFoot.appendChild(sendBtn);
div.appendChild(card);
taskDiv.appendChild(div);
//store to local storage
localStorage.setItem('tasks', taskDiv.innerHTML);
});
taskDiv.addEventListener('click', function() {
if (event.target.tagName == 'BUTTON') {
let p = event.target.parentElement.parentElement;
let n = p.firstElementChild.textContent;
let nm = (n.substr(0, n.indexOf("Due:")));
let t = p.children[1].firstElementChild.textContent;
console.log(t);
var templateParams = {
email: event.target.getAttribute('data-email'),
name: nm,
task: t
};
emailjs.send('default_service', 'task', templateParams);
}
});
Create a new task and add the task. Like the following:
Click on Send Mail and the email will be sent to the user with the task details.
Thank you for reading, please comment if you have any question.
#JavaScript #Email #Tutorial #javascript
1624979400
Send emails through Python
You will be surprised how easy is to configure your account and send emails with attachments in Python
You cannot imagine how easy and simple it is to configure your email account to be able to send emails to one or several contacts directly from your Python environment without any effort or complicated code.
In this article, I will walk you through the process. All you need is a Gmail account and your Python running and ready to go. Let me show you how it’s done.
#email #python #programming #automation #send-email #send emails through python
1622207074
What is JavaScript - Stackfindover - Blog
Who invented JavaScript, how it works, as we have given information about Programming language in our previous article ( What is PHP ), but today we will talk about what is JavaScript, why JavaScript is used The Answers to all such questions and much other information about JavaScript, you are going to get here today. Hope this information will work for you.
Who invented JavaScript?
JavaScript language was invented by Brendan Eich in 1995. JavaScript is inspired by Java Programming Language. The first name of JavaScript was Mocha which was named by Marc Andreessen, Marc Andreessen is the founder of Netscape and in the same year Mocha was renamed LiveScript, and later in December 1995, it was renamed JavaScript which is still in trend.
What is JavaScript?
JavaScript is a client-side scripting language used with HTML (Hypertext Markup Language). JavaScript is an Interpreted / Oriented language called JS in programming language JavaScript code can be run on any normal web browser. To run the code of JavaScript, we have to enable JavaScript of Web Browser. But some web browsers already have JavaScript enabled.
Today almost all websites are using it as web technology, mind is that there is maximum scope in JavaScript in the coming time, so if you want to become a programmer, then you can be very beneficial to learn JavaScript.
JavaScript Hello World Program
In JavaScript, ‘document.write‘ is used to represent a string on a browser.
<script type="text/javascript">
document.write("Hello World!");
</script>
How to comment JavaScript code?
- For single line comment in JavaScript we have to use // (double slashes)
- For multiple line comments we have to use / * – – * /
<script type="text/javascript">
//single line comment
/* document.write("Hello"); */
</script>
Advantages and Disadvantages of JavaScript
#javascript #javascript code #javascript hello world #what is javascript #who invented javascript