I've just begun my journey into learning Javascript and wanted to test my skills by creating a program that prompts the user for their name and then prints it out in reverse. Here's what I came up with:
var name = prompt("Please enter your name");
name = new Array(name.length);
name.reverse();
document.write(name);
Can you spot any errors in this code?
To transform the string into an array, reverse its elements, and then combine them together again:
const reversedString = s.split('').reverse().join('');
Initially, the array has no knowledge of the characters in the string. You are essentially creating a blank array with the same length.
A proper method for converting a string to an array involves using splice:
name = Array.prototype.slice.apply(name);
slice is an array function that extracts a portion of an array. If no arguments are provided, it duplicates the array. Interestingly, it can also be used on non-array elements to produce an array.
apply allows us to execute a function on any object. This enables us to apply an array function to a string.
let userName = "JohnDoe";
const reverseName = function () {
let str = userName;
return str.split('').reverse().join('');
}
reverseName();
let userFullName = prompt("Please enter your full name");
document.getElementById("fn").innerHTML = userFullName.toUpperCase();
document.getElementById("len").innerHTML = userFullName.length;
function reverseName() {
return userFullName.split('').reverse().join('');
}
document.getElementById("back").innerHTML=reverseName();
Reversing a string is not a built-in method for String objects.
However, it can be added through prototyping.
Visit this link for more information.
Looking to dynamically add a class with jQuery to specific menu items when hovering over them. Each menu item has its own unique item ID, which is hardcoded elsewhere in the code. The current code works for individual menu items but requires coding each on ...
I am trying to adapt the following node.js code that uses moment.js into an AngularJS controller: var myDate = new Date("2008-01-01"); myDate.setMonth(myDate.getMonth() + 13); var answer = moment(myDate).format('YYYY-MM-DD'); To achieve this, I ...
Currently, I am utilizing Grapejs with Vue and everything appears to be functioning properly. However, I am encountering an issue with the "grapesjs-preset-webpage" library. I am struggling to incorporate additional HTML options, such as "Columns", "Video ...
I am looking to create a functionality where, after a user selects an option, the input will change to display "select another option" instead of showing the name of the selected option. For example: <select> <option value="" selected&g ...
Click here https://i.sstatic.net/iuPs4.png I am attempting to modify the color of the series legend text from black to any color other than black: $(function () { $('#container').highcharts({ legend: { color: '#FF0000', ...
I currently have setup the code below: var videoControllers = angular.module('videoControllers', []); videoControllers.videoControllers('VideoDetailController', function($scope, $routeParams, $http){ $http.get('http://localho ...
I'm currently using curveMonotoneX to draw a line in d3 import React from 'react'; import { line, curveMonotoneX } from 'd3-shape'; export default function GradientLine(props) { const { points } = props; const lineGenerator ...
I'm just starting out with node.js and mongoDB. I have multiple collections in my database - one for users, one for articles, and potentially more in the future. In my server.js file, I am trying to write to each of these collections. I've trie ...
I am looking to combine the code snippets below in order to automatically send a post request (containing a URL) from a Chrome extension to Flask whenever a page is loading in Chrome, without needing to click on the extension's icon. Is this feasible? ...
I have been on a quest to find a simple background slideshow that fades images for the body of my website. Despite trying multiple Javascript options and CSS solutions, I have had no success. Someone suggested creating a DIV for the background, but I am ...
After creating an application using NextJs, I successfully built it and ran it on a node server by executing 'npm run start' in Powershell. Everything works perfectly when accessing it locally through port 80. However, my Windows Server 2019 does ...
Is there a way to dynamically load the min and max dates for a Bootstrap datepicker using AJAX calls? Here is the configuration for the Bootstrap DatePicker: $(document).ready(function() { $('#datepicker').datepicker({ format: &apos ...
Seeking a solution for mapping a 3D object in Three.js to a point on its surface and finding the corresponding point on a texture file using x,y coordinates. Currently, I am using raycasting to locate points on the object's face, each of which should ...
We are currently exploring the possibility of integrating code coverage into our setup utilizing cypress and nextjs. Within our cypress configuration, we utilize the next() function to mimic backend requests within nextjs. The cypress.config.ts file is st ...
I'm facing a challenge and struggling to find a way to highlight text using CSS or jQuery. My goal is to have an image on the left, another one on the right, and a repeated image in between. Since there are some long words involved, I need a dynamic s ...
Can we identify when a user has navigated to a page using the browser's history back button? I am looking for a solution in angular.js without relying on angular routing. Additionally, it should also detect if a user returns to a form after submitting ...
My goal is to initiate a GET request with just one parameter from an input form using AJAX and jQuery.ajax(). In an attempt to simplify the process, instead of data: $("#the_form").serialize() I opted to explicitly pass the value of the input: function ...
When working with Javascript functions, I aim to provide multiple parameters while ensuring clarity in terms of the passed values. Therefore, I have created the following function: var callMe = function (param1, param2, param3) { console.log(param1 + ", ...
Here is the structure of my JSON data and I need to integrate it with datatables. { "RANDOM-UNIQUE-STRING-1": { "column1": "stuff", "column2": "more stuff", "column3": "example" }, "RANDOM-UNIQUE-STRING-2": { ...
I'm currently in the process of comparing two XML files. In new.xml, I have extracted all the barcodes and stored them in an array. Then, I am attempting to iterate through old.xml and check if the barcode exists in the array. If it does, I want to di ...