How can I extract part of an element, and reuse this (numerical) value in javascript

Question

Ok, so the background to what I would like to do overall is 'randomly select a car from the list of results'.

So far, what I've successfully done is randomly select a Car type from a simple list of possibilities.

var cartype = ['small-city', 'hatchback', 'saloon', 'estate', '4x4']
var selectedtype = cartype[Math.floor(Math.random() * cartype.length)]

What I'm also able to do is randomly select a resulting page from a static value (in this case, any page between 1 and 10);

var cfspageNumber = Math.floor(Math.random() * 11) + 1

I can then load the random page and it all works Ok

.url(`https://www.parkers.co.uk/cars-for-sale/type-${selectedtype}/?page=${cfspageNumber}`)

Upon loading the landing page of the resulting list of cars for sale with the (randomly) selected Car type, what I'd then like to do is randomly select a page so that (in theory) a different list of cars is displayed each time the test is run.

So, in the case below, I would like to randomly select any of the 1882 pages and load that page.

If the number of pages was always 1882, I'd be Ok as I can randomly select from a 'static' list.

However, depending on what Car type is randomly selected beforehand, the number of pages changes.

What I would like to do, is somehow 'extract' this value (in this case 1882 but is dynamic), and then use this value to randomly select a page.

var cfspageNumber = Math.floor(Math.random() * 1882, or whatever is listed as the final page) + 1

Answer 1

尝试获取a元素并使用.innerHTML

Answer 2

var extractedString = document.querySelector(".results-paging__pages__number a").innerHTML;
var numberOfPages = parseInt(extractedString);