<%- include("partials/header") %>
<p> this is main page</p>
<% let cpp= 6 %>
<% for (let i=0;i<cpp;i++){ %>
<div class="card">
<li><%= cards[i].name %></li>
<li><%= cards[i].price %></li>
<li><%= cards[i].title %></li>
<li><%= cards[i].inStore %></li>
<li><%= cards[i].code %></li>
</div>
<% } %>
<div>button id="next">load more</button></div>
<%- include("partials/footer") %>
How can I update the value of cpp from 6 to 12 when the button with id="next" is clicked?
It's important to note that in order for the array cards to be populated, it should originate from the res.render statement within your JavaScript file. This is because there is no existing declaration of let cards.
res.render("ejsfile", {cards: [...]});
To address this, include the cpp integer within the same call and remove the unnecessary let cpp = 6 statement:
res.render("ejsfile", {
cards: [...],
cpp: Number(req.query.cpp) || 6 // setting a default value
});
This setup allows the initial 6 entries to be accessed at http://server/mainpage?cpp=6, and also at http://server/mainpage where '6' serves as the default value. Subsequently, the "next" button can direct users to http://server/mainpage?cpp=12.
For further information on how to utilize req.query, refer to the documentation.
Struggling with generating an HTML table from JSON data, I'm inexperienced and having trouble with the logic. The JSON data I have needs to populate a complex dynamic HTML table. The design of the table is intricate, making it challenging for me to i ...
When inputting special characters into the field used for storing the alphanumeric serial number, they are accepted. I need to prevent special characters from being entered in the input field. <ion-input [(ngModel)]="serial_number" (ngModelCha ...
In my post route, I need to ensure that the user has provided all the necessary data in the body. To achieve this, I have added an if block to check for errors. router.post("/", (req, res) => { if(req.body.age < 24) { res.send("You are too you ...
I have recently switched my nodejs installation to the D:\ drive instead of the C drive and updated the environment variables accordingly for the node & npm folders. After that, I modified the npm installation path by setting "prefix=D:\node&bso ...
My typical method for displaying a popup involves adding an empty div tag and a button to the webpage: <div id="popupDiv"></div> <input type="button" id="popupButton" /> I then use jQuery to handle a button click event, make an ajax cal ...
Lately, I've been working on a project and utilizing node.js as my backend. Instead of using MongoDB, I've opted for MySQL as my DBMS due to specific requirements in my project. However, I'm facing challenges in structuring my MySQL queries ...
I've been searching around for information on creating custom Jasmine matchers using TypeScript and it seems like a common issue. However, none of the solutions I've come across have worked for me. My setup includes: { "typescript": "2.3.2", ...
As a newcomer to this platform, I am excited to share a code snippet that I have created using HTML and JavaScript. The code generates a textbox in an HTML page where users can type the name of a country. Upon inputting the country's name, the code dy ...
I manage two different types of collections, one being called CURRENCY-PAIR and the other Alerts. The collection CURRENCY-PAIR includes the following information: Currency-Pair Name Currency-AskPrice Currency-BidPrice On the other hand, the Alerts colle ...
On my website, users can upload images, names, and descriptions which are saved in a MySQL database. The information is then fetched to display on the website. The code below allows users to enter this information and see it displayed when they click the s ...
I need to validate the authenticity of my URLs, ensuring they begin with either http:// or https://. Here is the regular expression (RegExp) I have been using: private testIfValidURL(str) { const pattern = new RegExp('^(https?:\\/&bsol ...
Currently, I am utilizing Tabs from Material UI to showcase a List component that is filtered by the tab. Take a look at the code snippet below from my Container Component: <Tabs className="DrawerTabs" ...
Hello everyone, I could really use some assistance right now. The issue I'm facing is that the error div is not showing the content I expect in the success function of my AJAX request. I've tried alerting the response, which returns true if the ...
Looking for a solution to fully decouple and reuse a partial view that allows users to select dates and filter results based on those dates. This widget can be used on multiple pages, so I wanted to add event listeners that would submit the form within the ...
When utilizing the getServerSideProps function in Next.js to make a fetch request to my API, I encountered an issue where the origin header was coming back as undefined. This seems to be specific to requests made from the server in Next.js, as I am able ...
I am currently working on creating a comments section for a web application. The front end of the app displays information about the threading level of each comment. When users submit comments, I need to pass this threading information to the back end in o ...
I am currently developing an application that requires me to track the keys pressed by the user. I am utilizing keydown and keyup events for this purpose. However, I am facing a challenge where I do not want the same key to be registered multiple times whe ...
I'm struggling to extract the post variables from the request object in my app.post method. It seems like there might be a problem with how I am handling the request. Do I need to take any additional steps to correctly process the request? I attempted ...
I have an Observable containing an array that I need to extract so I can combine it with another array. this.builderService.getCommercialData() .subscribe( data=>{ this.commercialDetails = data; this.commercialDetailsArr ...
Help needed! Can someone assist me in resolving the issue where the word 'undefined' is being displayed in the console? I'm a beginner in programming and struggling with this. Here's what I'm currently seeing: You are not getti ...