I'm working with Next.js and ahave a very simple code where a frontend component is calling a backend endpoint. The backend retrieves the data correctly, but the frontend only receives an empty object every time. The is the backend API…
I've got a myInput.vue component which accepts a v-model prop and captures the value of v-model as modelValue, like so: <template> <input type="text" :value="modelValue" /> </template> <script setup> const props = defineProps({ modelValue: { type: [String, null], required: true }…
I want the image to change every time I click the img. But the click to change img only works once. What have I done wrong? The random image picker is from this website: https://picsum.photos/ and every time I click…
I have a task that is simple (one line) in plain HTML/CSS/JS, but I can't find a simple and working method in React. I have a parent div, and it has two children. The second child is the meaningful content.…
I’m currently facing an issue with a regex that's causing problems in SonarQube, which requires grouping to make the intended operator precedence explicit. After grouping the regex, it’s not working as expected. SonarQube Issue: SonarQube flags that the regex should…
I’m having trouble with authentication where I have a Laravel backend and a Nuxt frontend. When I log in and log out successfully, everything works fine. The problem occurs when the login fails due to incorrect credentials, yet I’m still…
I'm currently working with Next.js 14 and its App Router paradigm to manage navigation within my application. I have implemented a background color transition on certain pages that is triggered when navigating between routes. However, I want this transition to…
I'm working with a JavaScript object, and when I do console.log(sessions), it outputs the following structure on console: { 101: { "id": 101, "nameEn": "English 1", "nameFr": "French 1" }, 102: { "id": 102, "nameEn": "English 2", "nameFr": "French 2"…
I am using below HTML for my code. <body> <div id="myId" class="oldClass"> This is the original content of the element with ID "myId". </div> </body> I am perform DOM Manipulation using below JavaScript Code: const myElement = document.getElementById('myId'); myElement.setAttribute('data-example', 'value');…
I'm building an HTML/CSS/JavaScript + jQuery web-application. I have a page that calls an API, which returns a string with HTML code. Here's an example: // Data returned by server data = { text: "<b>Here is some example text<b> followed…