Sentiment Analysis using JavaScript and API
Last Updated :
28 Apr, 2025
Sentiment Analysis - Sentiment analysis, also known as opinion mining, is a computational technique used to determine and categorize the emotional tone or attitude expressed in a piece of text. Analyzing sentiment in text is a crucial task in natural language processing, allowing us to understand the emotional tone and attitude of the content. In this article, we will explore how to utilize the MeaningCloud API along with JavaScript to analyze the sentiment of an inputted text. MeaningCloud provides powerful sentiment analysis capabilities that can help us gain insights into the sentiment expressed in textual data.
Final Output Preview:
Prerequisites:
Before getting started, make sure you have the following:
- A MeaningCloud API key: Sign up on the MeaningCloud website to obtain an API key that grants access to their sentiment analysis service.
- Basic knowledge of JavaScript, HTML and CSS.
Approach:
- JavaScript Code Integration: Write JavaScript code to handle the user's input, communicate with the MeaningCloud API, and retrieve the sentiment analysis results.
- MeaningCloud API Integration: Incorporate the MeaningCloud API into your JavaScript code. Make an API request using the input text to send it for sentiment analysis.
- API Response Parsing: Receive the API response, which will contain sentiment-related information such as polarity (positive, negative, or neutral).
Below is the guidance for creating a web page that allows users to input text, and analyze the sentiment of the text using the MeaningCloud API.
Step-1 Create an HTML Page with Input - Start by creating an HTML page that includes a form where users can input text.
Step-2 Create a MeaningCloud API Account - Go to the MeaningCloud website and create an account. Once you have an account, you'll be able to access the API key required for making API requests.
Step-3Make an API Request - Use JavaScript to make an API request to analyze the sentiment of the input text using the MeaningCloud API. Replace 'YOUR_API_KEY' with your actual API key.
Project Structure :
--index.html
--style.css
--script.js
Example : Write the following code in respective files:
- index.html: Web page structure with HTML elements.
- style.css: Adds visual styles and layout to the page.
- script.js: Makes API call and fetches content, generating dynamic updates.
JavaScript
function analyzeSentiment(event) {
event.preventDefault();
const apiKey = "YOUR_API_KEY";
const text = document.getElementById("content").value;
const url =
`https://api.meaningcloud.com/sentiment-2.1?key=${apiKey}&txt=${encodeURIComponent(
text
)}&lang=en`;
fetch(url)
.then((response) => {
if (response.ok) {
return response.json();
} else {
throw new Error("Request failed");
}
})
.then((data) => {
const sentiment = data.score_tag;
// console.log(`Text: ${text}`);
// console.log(`Sentiment: ${sentiment}`);
if (sentiment == "P+") {
document.getElementById("result").innerHTML = "Strong Positive";
}
if (sentiment == "P") {
document.getElementById("result").innerHTML = "Positive";
}
if (sentiment == "NEU") {
document.getElementById("result").innerHTML = "Neutral";
}
if (sentiment == "N") {
document.getElementById("result").innerHTML = "Negative";
}
if (sentiment == "N+") {
document.getElementById("result").innerHTML = "Strong Negative";
}
if (sentiment == "NONE") {
document.getElementById("result").innerHTML =
"Without Polarity";
}
})
.catch((error) => {
console.error("Error:", error);
});
}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Sentiment Analysis</title>
<!-- Custom CSS -->
<link rel="stylesheet" href="./style.css" />
</head>
<body>
<div>
<form onsubmit="analyzeSentiment(event)">
<h1>GeeksforGeeks Sentiment Analyser</h1>
<textarea id="content"
placeholder="Type the text here to analyze sentiments!">
</textarea>
<br/>
<input type="submit" />
<div id="resultStyle"> Tone of speech: <span id="result"></span></div>
</form>
</div>
<script src="./script.js"></script>
</body>
</html>
body,
html {
margin: 0;
background-color: #fefae0;
}
h2 {
margin: 0;
}
.hero-text,
form {
text-align: center;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: #283618;
}
.hero-text button,
input[type="submit"] {
outline: 0;
display: inline-block;
width: 150px;
padding: 10px 0px;
border-radius: 5px;
color: #000000;
background-color: #bc6c25;
text-align: center;
cursor: pointer;
margin-top: 5%;
font-size: 20px;
font-family: 'Cormorant', serif;
}
.hero-text button:hover,
input[type="submit"]:hover {
border: 1px solid #dda15e;
}
textarea {
outline: 0;
padding: 10px 0px;
border-radius: 5px;
color: #000000;
background-color: #dda15e;
text-align: center;
margin-top: 5%;
font-size: 20px;
resize: none;
}
#resultStyle {
margin: 10px;
font-size: 30px;
color: #606c38;
font-weight: bolder;
}
a {
color: white;
text-decoration: none;
}
::-webkit-input-placeholder {
/* Edge */
color: white;
}
:-ms-input-placeholder {
/* Internet Explorer 10-11 */
color: white;
}
::placeholder {
color: white;
}
@media (min-width:420px) {
textarea {
width: 400px;
height: 170px;
}
}
@media (min-width:520px) {
textarea {
width: 500px;
height: 200px;
}
}
Output:
Similar Reads
Twitter Sentiment Analysis using Python This article covers the sentiment analysis of any topic by parsing the tweets fetched from Twitter using Python. What is sentiment analysis? Sentiment Analysis is the process of 'computationally' determining whether a piece of writing is positive, negative or neutral. It’s also known as opinion mini
10 min read
Create a Quiz Application Using JavaScript In this article, we will learn how to create a quiz application using JavaScript. The quiz application will contain questions followed by a total score shown at the end of the quiz. The score will increase based on the correct answers given. Initially, there are only three questions, but you can inc
4 min read
Star Rating using HTML CSS and JavaScript Star rating is a way to give a rating to the content to show its quality or performance in different fields. This article will demonstrate how to create a star rating project using JavaScript. Project Preview:PrerequisitesHTMLCSSJavaScriptStep-by-Step Guide to Building a Star Rating SystemCreate the
3 min read
How to Create Sentiment Analysis Application using Node.js ? Sentiment Analysis is a natural language processing technique used to determine emotions from textual data. It's often performed to know customer requirements, study product sentiment in user feedback, decision-making, and more.Types of Sentiment Analysis:Fine-grained Sentiment Analysis: It is done
10 min read
Working with APIs in JavaScript An API is simply a medium to fetch or send data between interfaces. Let's say you want to make an application that provides the user with some real-time data fetched from the server or maybe even allows you to modify or add data to some other endpoint. This is made possible by the API or the Applica
5 min read
Twitter Sentiment Analysis WebApp using Flask This is a web app made using Python and Flask Framework. It has a registration system and a dashboard. Users can enter keywords to fetch live tweets from Twitter and analyze them for sentiment. The results are then visualized in a graph. The project uses the popular Tweepy API to connect to X (forme
15+ min read
4 Ways to Make an API Call in JavaScript API(Application Programming Interface) is a set of protocols, rules, and tools that allow different software applications to access allowed functionalities, and data, and interact with each other. API is a service created for user applications that request data or some functionality from servers.To
7 min read
Movie Search Application using JavaScript In this article, we are going to make a movie search application using JavaScript. It will use an API which is a RESTful web service to obtain movie information. We will be using HTML to structure our project, CSS for designing purposes and JavaScript will be used to provide the required functionali
4 min read
Tweet Sentiment Analysis Using Python Streamlit This article covers the sentiment analysis of by parsing the tweets fetched from Twitter using the streamlit Python framework. What is Sentiment Analysis? Sentiment Analysis is the process of ‘computationally’ determining whether a piece of writing is positive, negative or neutral. It’s also known a
4 min read
How to use JavaScript in Postman ? Postman is an API(application programming interface) development tool that helps to build, test and modify APIs. In this tutorial, we will see how to use JavaScript in Postman.Prerequisites:Basic HTTP conceptsKnowledge of REST APIWe will discuss the following two methods to use JavaScript in Postma
3 min read