A simple program that will ask the user to give a sentence and then our program will check which of the words in the given sentence is the longest in terms of number of characters. I wrote this program using sublime as my text editor and JavaScript as my programming language.
I am currently accepting programming and web development work kindly contact me in the following email address for further details. Thank you.
My email address are the following jakerpomperada@gmail.com and jakerpomperada@yahoo.com.
My telephone number at home here in Bacolod City, Negros Occidental is (034) 4335675.
Sample Program Output
Program Listing
index.htm
<!--
Written By Mr. Jake R. Pomperada, MAED-IT
February 2, 2018 11:54 AM Friday
Bacolod City, Negros Occidental Republic of the Philippines
jakerpomperada@yahoo.com and jakerpomperada@gmail.com -->
<!doctype html>
<html>
<head>
<title> Longest String in JavaScript </title>
<style>
.art {
font-family: arial;
font-weight: bold;
color:red;
text-align: center;
width:45%;
background-color:yellow;
}
.art2 {
font-family: arial;
font-weight: bold;
font-size: 25px;
color:blue;
text-align: center;
width:45%;
background-color:lightgreen;
}
body {
font-family: arial;
font-weight: bold;
font-size: 20px;
}
#button_me {
background-color: #008CBA;
font-family: arial;
font-weight: bold;
font-size: 20px;
height: 50px;
width: 120px
text-align: center;
cursor: pointer;
}
input[type=text] {
font-family: arial;
font-weight: bold;
font-size: 20px;
}
</style>
<script>
function longestWord(string) {
var str = string.split(" ");
var longest = 0;
var word = null;
str.forEach(function(str) {
if (longest < str.length) {
longest = str.length;
word = str;
}
});
return word.toUpperCase();
}
function test()
{
str_string=document.getElementById("no_input").value;
document.getElementById("msg").innerHTML = "The longest string in the sentence is " +
longestWord(str_string)+".";
}
</script>
<script>
function clear_me()
{
document.getElementById("msg").innerHTML = "";
document.getElementById("no_input").value = "";
document.getElementById("no_input").focus();
}
</script>
</head>
<body>
<h1 class="art"> Longest String in JavaScript </h1>
<p class="art2"> Created By Mr. Jake R. Pomperada, MAED-IT </p>
<br><br>
Enter a sentence: <input id="no_input" type="text" size="50" autofocus>
<br><br>
<p id="msg"> </p>
<button id="button_me" onclick="test()">Check</button>
<button id="button_me" onclick="clear_me()">Clear</button>
</br></br>
</body>
</html>
No comments:
Post a Comment