Data being hidden when importing data from a website via script - google-apps-script

Question

When the data is copied, in theory it should appear - or X:Y Half time results: Z:A, but some values as shown below are hidden, I would like to know what is wrong with the script that is doing this happen and how the script has to stay so that it doesn't happen anymore. Only the values appear when there is a V mark (in green color) together to the result of the game.
SITE:
CURRENT RESULTS:
EXPECTED RESULTS:
THE COLUMN THAT IS MISSING DATA TO COLLECT IS THIS:
function sample(placeOfUrl) {
// Retrieve URL.
var baseUrl = "http://old.statarea.com/predictions.php";
var res1 = UrlFetchApp.fetch(baseUrl);
if (res1.getResponseCode() != 200) throw new Erro("URL cannot be used.");
const from = '<td style="padding-top: 10px; text-align: center;">';
const to = ' </td>';
const htmlData1 = (from + Parser.data(res1.getContentText()).from(from).to(to).build() + to).replace(/\ /g, "");
const xmlRoot = XmlService.parse(htmlData1).getRootElement();
const c = xmlRoot.getChildren()[placeOfUrl - 1];
if (!c) return;
const url = c.getAttribute("href").getValue();
// Parse HTML data.
const res2 = UrlFetchApp.fetch(url);
if (res2.getResponseCode() != 200) throw new Erro("URL for retrieving data cannot be used.");
const htmlData2 = res2.getContentText();
const parsedData1 = Parser.data(htmlData2).from('<table class="style_1" cellspacing="0" cellpadding="0" width="918" border="0">').to('</table>').build();
const parsedData2 = Parser.data(parsedData1).from("<tr>").to("</tr>").iterate();
const data = parsedData2
.filter(function(e) {return /^<td width="35" align="center">/.test(e)})
.map(function(e) {return "<content>" + e.match(/<td.+?\/td>/g).map(function(f) {return f.replace(/\&nbsp\;|<div.+?>|<\/div>|<img.+?>|<input.+?>|\&team_guest|<\/h.+?>|\&/g, "")}).join("") + "</content>"})
.join("");
const xmlRootContent = XmlService.parse("<root>" + data + "</root>").getRootElement();
// Retrieve result values.
const content = xmlRootContent.getChildren();
const values = content.reduce((ar1, e) => {
const temp = e.getChildren().reduce((ar2, f, j) => {
if (f) {
if (f.getChild("a")) {
const t = f.getChild("a").getValue()
if (t) ar2.push(t);
} else {
if (f.getAttribute("style")) {
const v = f.getValue();
if (v && [5, 6, 7, 8, 15].includes(j)) {
ar2.push(v);
}
}
}
}
return ar2;
}, []);
ar1.push(temp);
return ar1;
}, []);
return values;
}
LINK TO SPREADSHEET:
https://docs.google.com/spreadsheets/d/1ZdU05slyWXHeOVnoRzhpUNCzb8lBuAsJlVys2bmdh20/edit?usp=sharing

Answer 1

In order to achieve your goal, for example, how about modifying values as follows?
From:
const values = content.reduce((ar1, e) => {
const temp = e.getChildren().reduce((ar2, f, j) => {
if (f) {
if (f.getChild("a")) {
const t = f.getChild("a").getValue()
if (t) ar2.push(t);
} else {
if (f.getAttribute("style")) {
const v = f.getValue();
if (v && [5, 6, 7, 8, 15].includes(j)) {
ar2.push(v);
}
}
}
}
return ar2;
}, []);
ar1.push(temp);
return ar1;
}, []);
To:
const values = content.reduce((ar1, e) => {
const temp = e.getChildren().reduce((ar2, f, j) => {
if (f) {
if (f.getChild("a")) {
const t = f.getChild("a").getValue();
if (t) ar2.push(t);
} else if (f.getChild("span")) {
ar2.push(f.getValue());
} else {
const v = f.getValue();
if (v && [5, 6, 7, 8, 15].includes(j)) {
ar2.push(v);
}
}
}
return ar2;
}, []);
ar1.push(temp);
return ar1;
}, []);