var input = prompt("What is Lance attempting to convey?");
//user enters any text
for (var i = 0; i <= input.length; i++)
{
var output = input.charAt(i);
if (output == "e" || output == "o" || output == "a" || output == "u")
{
output = "i";
}
else if (output != "e")
{
output = output;
}
console.log(output);
}
The current result I have when the user inputs "hello"
h
i
l
l
i
How can I display each character on a separate line.
One way to filter out specific characters in a text is by creating a list and combining the desired characters:
var userInput = prompt("Enter your message");
//user inputs any text
var charList = [];
for (var i = 0; i <= userInput.length; i++) {
var character = userInput.charAt(i);
if (character == "e" || character == "o" || character == "a" || character == "u") {
charList.push("i");
}else if (character != "e") {
charList.push(character);
}
}
console.log(charList.join(''));
Here are some different methods for comparison:
One approach is using a series of if statements, with a more compact syntax utilizing a for loop.
var text = prompt("Enter Lance's message");
//user inputs any text
var result = "";
for (var i in text) {
var ch = text.charAt(i);
if (ch == "e" || ch == "o" || ch == "a" || ch == "u") {
result = result + "i";
} else {
result = result + ch;
}
}
console.log(result);
Another method is using a switch statement
var text = prompt("Enter Lance's message");
//user inputs any text
var result = "";
for (var i in text) {
var ch = text.charAt(i);
switch (ch) {
case "e": case "o": case "a": case "u":
result = result + "i"
break;
default:
result = result + ch;
break;
}
}
console.log(result)
Lastly, you can use regular expressions and a ternary operator along with the += operator to append values to a string
var text = prompt("Enter Lance's message");
//user inputs any text
var result = '';
for (var i in text) {
result += function(ch) {
return ch.match(/[eoau]/) ? "i" : ch
}(text.charAt(i));
}
console.log(result);
Best of luck with your learning endeavors!
It seems like your goal is to achieve a specific outcome without using array join and push operations as requested. I've also corrected the <= in the for loop and removed the unnecessary else if, leaving just else.
var text = prompt("Please input what Lance is attempting to communicate");
// The user enters any text
var collect = '';
for (var i = 0; i < text.length; i++) {
var result = text.charAt(i);
if (result == "e" || result == "o" || result == "a" || result == "u") {
collect += "i";
} else {
collect += result;
}
}
console.log(collect);
To avoid returning the letter for each iteration, accumulate the results in a single variable. Once the loop has completed, return the final value stored in the variable.
I am working on developing a JavaScript Microsoft Office add-in that allows users to save a document to an S3 bucket. However, I have not been able to find a way to achieve this. Has anyone managed to successfully make this work before? ...
Just starting out with the Vue.js framework and I've hit a snag trying to integrate js libraries into my project. Would greatly appreciate any assistance! By the way, I attempted adding the following code to my main.js file but it didn't have th ...
I am trying to initialize a variable called foo, but my current code is not compiling successfully. let foo: (x: number) => {y:number,z: number} = (x) => {x+1, x+2}; This results in the following error: Left side of comma operator is unused and ha ...
I'm attempting to access a PHP-File using AJAX. When I use a basic PHP-File like this: <?php header('Content-Type: text/html; charset=utf-8'); header('Cache-Control: must-revalidate, pre-check=0, no-store, no-cache, max-age=0, pos ...
I have two templates: in the first template, I am using a function and after its successful execution, I want to retrieve data in the second template. How can I achieve this? Both templates are utilizing the same controller. First Template: <form ng-s ...
When trying to call a server side function and parse the response in client side using JavaScript and Ajax, I encountered a parse error. It seems that the issue lies with the backslash that the JavaScriptSerializer adds to serialize the object. The respons ...
Currently, I am in the process of developing a web frontend utilizing Polymer. Within my web component, I incorporate various other components such as paper-input or custom web components. To facilitate testing for demonstration purposes, I have integrated ...
I'm trying to retrieve the value of the selected radio button using jQuery. Can anyone help with this? Currently, I am able to target all radio buttons like so: $("form :radio") But how can I determine which one is actually selected? ...
I am looking to send get requests to multiple endpoints simultaneously, but I want to collect all the responses at once. Currently, this is how a single endpoint request is handled: public getTasks(): Observable<any> { this.logger.info('Ta ...
I utilized the Instafeed.js library to fetch the three most recent images from an Instagram account. These images are loaded into a specific div and I successfully customized their styling according to my requirements. However, the current setup is quite s ...
Within my Joomla website using the T3 template, I inserted the following "Custom Code" just before the closing </head> tag: <style type="text/stylesheet"> div.t3-sidebar.t3-sidebar-right{ background: #F8F8F8 none repeat scroll 0% 0%; ...
Currently, I am working on a Laravel view for editing a record which includes an associated image. My goal is to have the image preloaded inside the input file so that when you submit the form, the same image is sent or you can choose to change it. // Con ...
I've got a collection of appointments and I need to create a React view that will show them one by one. Users should be able to navigate through the appointments using arrow buttons. Here's an example of what the data looks like: const arr = [ ...
Alright, I'm facing a little issue here (it seems simple, but I just can't seem to crack it)... Let me paint the picture with a snippet of HTML code below: <!-- New Website #1 --> <!DOCTYPE html> <html style='min-height:0px; ...
As I develop my website using AngularJS, one of my main goals is to create a smooth navigation experience without the annoying "browser flash" effect that occurs when switching between pages. This means that clicking on a link in index.html to go to foo.ht ...
I'm attempting to create a graph chart using Material UI with the LinearProgress component and adding some custom styling. My goal is to rotate it by 90deg. const BorderLinearProgressBottom = withStyles((theme) => ({ root: { height: 50, b ...
My goal is to create a unique e-commerce checkout page design. Each panel would be opened sequentially, with the next panel unfreezing when the action button of the current panel is clicked. However, I seem to be making a mistake as it is not working as in ...
I would like to enhance the appearance of my school website during these challenging times of the pandemic by adding some CSS or JavaScript elements. However, I am unsure how to go about it. ...
I'm attempting to use jQuery to load an HTML page into the main body of another page. Specifically, I have a div called sidebar_menu positioned in the middle of the page, and I am loading content at the bottom using jQuery. $("#sidebar_menu").load(" ...
I'm currently developing a React application that includes a form with a select dropdown feature. My goal is to have the 'uom' field value from the selected product record automatically set as the default option in the dropdown when the user ...