How can I piece these codes together to display the values together

a=document.getElementsByClassName("Event ng-binding")
for(i=0; i<a.length; i++)
{console.log(a[i].innerText)}

The above code displays an array of values

b=document.getElementsByClassName("oddsType")
for(i=0; i<b.length; i++){
if(b[i].innerText==='X')
{console.log(b[i].innerText)} }

The above code displays another array of values

c=document.getElementsByClassName("oddsType")
for(i=0; i<c.length; i++){
if(c[i].innerText==='12')
{console.log(c[i].innerText)} }

The above code displays a third set of array values.

How can I piece these codes together to display the three sets of array values in the order a,b,c through the looping iteration?

you need to have one single loop, if that’s what you want

I’ve edited your post for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (’).

1 Like

Could you give me a sample code please?

why don’t try yourself? show us what you have tried

let names = ["Rob", "Xander", "Allie"]
let ages = [18, 29, 31];
let pets = ["2 cats", "none", "1 turtle"]

for (let i = 0; i < names.length; i++) {
   console.log("Name: " + names[i])
   console.log("Age: " + ages[i])
   console.log("Pets: " + pets[i])
}
a=document.getElementsByClassName("Event ng-binding")
b=document.getElementsByClassName("oddsType")
for(i=0; i<a.length, i<b.length; i++){
if(b[i].innerText==='X'||b[i].innerText==='12')
{console.log(a[i].innerText,b[i].nextElementSibling.innerText)}}

Tried the above but still didn't work

I have no idea what your html looks like, so I can’t debug your code

do you have a live version of your project somewhere, for example on codepen?