I have few small divs having background color like red,yellow,pink etc which are coming from loop.On click of corresponding div a big div should show with same color which is working fine.But my requirement is suppose if I click on…
I have a Razor Page in ASP.NET Core where I have a dropdown list () populated with usernames. Upon selecting a username, the form is automatically submitted using JavaScript (onchange="this.form.submit()"). However, after the form submission, the selected username is cleared…
I am just starting with Next.js I have been trying to access the web cam for a project I have been working on but I have found an issue when it comes to writing in the "script" tag Here is…
I expected the .rows and .cols property of a textarea element in javascript to tell me the current values, but they don't, they seem to tell me just the initial markup attribute values, even after the textarea is resized. function…
My codepen has a logo image on the left and ul menu on the right - after the menu finishes there is empty space to the right of the menu - how do I tell the menu to align to…
So in my html, I created a section and divisions. I have assigned classes for all of them. Like this: h1 { text-align: center; } .marker { width: 150px; height: 25px; margin: 12px auto; } .red { background: linear-gradient(#be2525, #E2665D,…
I'm a student working on a responsive header layout using flexbox, and I'm encountering an issue. When I try to move the logo to the left by a few pixels using 'margin-right', it also affects the positioning of the other…
I have installed tailwind successfully. When it comes to using the @apply, things are not working. <body> <!-- header --> <header class="bg-transparent absolute top-0 left-0 w-full flex items-center z-10"> <div class="container"> <div class="flex items-center justify-between relative"> <div class="px-4"> <a href="#home"…
<form> <input name="checkbox" type="checkbox"></input> <input name="value" type="text"></input> <input name="checkbox" type="checkbox"></input> <input name="value" type="text"></input> ... </form> The user enters a phrase and indicates whether it is the correct answer. Is there any way to combine these into unique pairs when sending…
I have a webpage with a table in which the last column is a button that opens a dropdown menu (for simplicity, the example does not include JS): <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <script src="https://cdn.tailwindcss.com"></script> <style> .butonMenu {…