This is my first time using a JS function and I want the answer to 2*2 to appear on the screen when the equals button is clicked. This is my code that isn't working:image of calculator I'm working on <!DOCTYPE…
I have a User Page that fetch the user info with a custom hook useFetchUserId(). This custom hook uses useEffect to fetch the data, and has a console.log that is printed every time I switch between tabs, even if I…
The input was working with no problem, but I needed to move the input code into a function. Now I can only type in one word in the input value. Not sure what the solution would be to fix this…
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Project Keypad</title> <link rel="stylesheet" href="css/style.css"> </head> <body class="light-mode"> <button onclick="myFunction()" id="toggle-button">☀️</button> <h2> Welcome to Project Keypad</h2> <form> <div id="login"> Enter Username: <input type="text" id="userName" placeholder="Enter username…
I'm making a dynamic list where users can click a button to remove inputs. When creating new inputs I'm assigning an ID to the child element with a counter that adds 1 every time a new input is generated. But…
I have both a dropdown select option and some buttons both containing the same values. When I select an option from my dropdown I want the button with the same value to add a class of selected and when I…
function myFunction () { let element = document.body; element.classList.toggle("dark-mode"); } @import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@1,700&display=swap'); /*Used for Nav */ @import url('https://fonts.googleapis.com/css2?family=Sono:wght@300&display=swap'); /* used for body */ body { background-color: #5465FF; font-family: 'Sono', sans-serif; color: black; } img { width: 30%; height: auto; margin-top:…
I have a field with a drop down list in my html form. It contains two possibilities, I would like to make the following field (first block or second block) appear or disappear depending on the selection, I found for…
My code wont run the second condition if the value of select is 1 //Not pasted js code function changeHref() { var select = 0; const link = document.querySelector("link"); if (select === 0){ link.href="css/styleOne.css"; select = 1; } else if…
I am trying to create a piece of javascript code that will only hide and show each form on the page that corresponds with its id property. So imagine having 4 buttons visible on the page and the form elements…