const selectUserSelection = (choice=choice.toLowerCase()) => {
if (choice === 'rock' || choice === 'paper' || choice === 'scissors') {
return choice;
} else {
console.log('Invalid choice entered!');
}
};
console.log(selectUserSelection('Scissors'));
//Looks like the function only accepts inputs in lowercase letters for it to work correctly.
function validateUserChoice(input) {
input = input.toLowerCase();
if (input === 'rock' || input === 'paper' || input === 'scissors') {
return input;
} else {
return 'Invalid choice! Please choose between rock, paper, or scissors.';
}
};
const setUserSelection = (userInput=userInput.toLowerCase()) => {
Within this line, you are setting the default value for the function argument. This default value will be undefined unless userInput is present within the scope. It does not alter the argument you provide initially.
For example, consider a function like this:
const greeting = (name="stranger") => console.log(`hello, ${name}`)
When called without any arguments, it will output "hello, stranger". If called as greeting("Scrissors"), it will output "hello, Scrissors".
Upon calling the function: setUserSelection('Scissors'), the default argument is replaced by your input, making userInput within the function equal to "Scissors".
To perform the conversion, it should be handled within the function body:
const setUserSelection = (userInput) => {
userInput=userInput.toLowerCase()
/* userInput has now been converted to lowercase based on the argument provided */
}
If you want to give it a shot
const getPlayerSelection = (input) => {
let playerInput = input.toLowerCase();
if (playerInput === 'rock' || playerInput === 'paper' || playerInput === 'scissors') {
return playerInput;
} else {
console.log('Invalid choice!');
}
};
console.log(getPlayerSelection('Paper'));
Struggling to execute an AJAX call (using only JavaScript) to store a user in the database. The JavaScript file I am working with includes this code: var url = "interfata_db.php"; xmlhttp.onreadystatechange = function(){ alert('ready state &apos ...
When I make a request to my webservice to download a zip file, the file content is downloaded secretly and suddenly appears in the download task bar as already fully downloaded (100%). I am using the following method in Angular: const endpoint = "http:// ...
I need assistance with implementing a feature that involves scrolling through different text blocks and corresponding images. Users should be able to select a specific text block and have the associated image on the right scroll into view, similar to a car ...
Within my application, there exists a tabbed interface. One of the tabs contains a canvas element that dynamically adjusts its size to fit the window whenever it is resized. The functionality works seamlessly at first, but upon switching tabs and returning ...
Trying to implement form validation using Joi in a Vue wizard form, but not sure how to set it up correctly. The objective is to control the fields before progressing to the next and final page using the next() method. I want to keep the simplicity of th ...
Attempting to implement a similar concept in Vue: props(){ debouncing: {type: Number, default: 0} }, methods: { clicked: _.debounce(function() { this.$emit('click'); }, this.debouncing), } Unfortunately, the code breaks when ...
User/Project.js: import React, { useState, useEffect } from "react"; import Axios from "axios"; const Project = () => { const [projectName, setprojectName] = useState(""); const [projectDescription, setprojectDescriptio ...
I am facing an issue with rendering html elements on a canvas using html2canvas JS. I am utilizing AngularJS for data binding on the html page, but unfortunately, the dynamic data is not showing up on the canvas generated from these html elements. For inst ...
I am facing a challenge where I need to click on the 2nd anchor tag in a list of anchor tags. <ul id="shortcuts"> <li><a ui-sref="app.journeyExplorer" href="#/journey-explorer/"><span class="ng-binding">1</span></a> ...
I encountered an error in the code coverage console: TypeError: Cannot read properties of undefined (reading 'initialize') I am trying to call a service method from the component.ts file The code in the component.ts file looks like: this.myAuth ...
I'm currently implementing vee-validate version 3 with Vue 2.7 in my project. Specifically, this is the entry in my package.json file for vee-validate: "vee-validate": "^3.4.5", My issue lies with getting the required_if rule to f ...
Attempting to create a factory and implement it in one of my controllers, I encountered an issue: Issue: TypeError: wordsToTrain is not a function Despite the simplicity of my controller and factory, I am still puzzled by the reason for this error: an ...
I have a form that allows users to input the names of "Player A" and "Player B". When the user clicks on the "Start Game" button, the game begins by redirecting to a Flask route (/players). I want the "player-text" section to be updated with the player nam ...
Could someone help me with this issue? <a class='btn btn-danger' href='page.html'>Delete</a> I am trying to activate the "data-dismiss" attribute after the "href" is activated. My initial attempt was using this code: < ...
After spending some time experimenting with Node.js on my local machine, I've realized that my understanding of HTTP requests and XHR objects is quite limited. One particular challenge I've encountered while using Node is figuring out how to effe ...
Can AngularJS be used to read files? I am interested in placing the file within an HTML5 canvas for cropping purposes. I was considering implementing a directive. Below is the JavaScript code that I plan to include in my directive: function readURL(input ...
I'm a beginner when it comes to node.js and I'm facing an issue that I couldn't find a solution for despite looking into various related topics. My problem involves using Node.js on the server side to upload a file and rename it based on a ...
One challenge faced by many web applications today is how to efficiently reuse html templates without redundancy when initially rendering a page and adding new content. What is the most effective approach for this? One option is to render the HTML page ...
In order to maximize functionality of our new product using JavaScript, we have implemented an Authentication module that manages a tokenPromise which is updated upon user logins or token refreshes. It seems imperative to allow for mutation in this process ...
One of my challenges involves a table that displays data retrieved from a database. The code for this is as follows: <table class="table table-hover table-bordered" style="width:300px" id="contact"> <tbody data-bind="foreach:items"> ...