I am currently working on an application that involves searching for foods from an API. I have a search bar that is sending queries, and I am getting foods back from my API calls. However, these items are not populating.…
Let's say I have this obj: let userInfo = { name: 'Ahmed', age: 24, _id: "34ef5576", email: '[email protected]' } how can i extract the properties name, _id, and email? thanks. So i want a simple way for solve this without…
I am new to this topic. Following a tutorial on the internet about HTML/CSS/Bootstrap. I would like to move the navbar to the right hand side (top) of the page, see below what I expect is to see bar the…
I have a working code logic that triggers the alert('hello') function when a radio button, under a dynamically added class .show, is checked. Here's the current code: HTML: <div class="collapse question-group show"> <div class="progress">...</div> <div class="question"> <div class="form-check"> <input type="radio"…
As you can see the text is not in line with the text below. I am using justify-content: space-between for this, and think this is the problem but I can't think of a solution. <style> li { list-style-type: none; background:…
I have an issue with an HTML radio button and its label. I want to keep the radio button and label in the same line. But if the label text is very long, the label will sit below the radio…
Description: I have developed an interactive rating component , and it works well on various screen sizes except for when the width hits 400px. At that point, a horizontal scrollbar appears, and the content starts to get cut off. I've…
I am making an api call and setting all the data in my redux state. Now when I refresh the page, all the data in redux gets cleared and my data is lost. So should I add a check on…
//app.js let form2=document.getElementById("form"); let userName2=document.getElementById("userName"); form2.addEventListener("submit",(e)=>{ e.preventDefault(); validateInputs(); }) function validateInputs(){ let userNameVal=userName2.value.trim(); if(userNameVal === ""){ setError(userName2,"user name is required"); } else{ setSuccess(userName2); } } function setError(element,message){ let inputGroup=element.parentElement; let errorElement=inputGroup.querySelector("small"); errorElement.innerText=message; inputGroup.classList.add("error"); inputGroup.classList.remove("success"); } function setSuccess(element){ let inputGroup=element.parentElement; let…
The problem with the code is that I inputted everything right and nothing is showing up. Code for reference: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width"> <title>order</title> <link href="style.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="demo"></div> <script> let…