I have two different data coming from javascript and I want to display both data in the same cell in the same row

Question

I have two different data coming from javascript and I want to display both data in the same cell in the same row

HTML code:

<td>
  <div class="rcelldata">
  <div id="r_laps"></div>
  <div id="r_dfs" ></div>
  </td>

The result is: r_laps data r_dfs data

I want r_laps r_dfs

Extra tip, how to add brackets around the second data r_laps (r_dfs)

advance Thanks

tried many forms

Answer 1

You can use javascript like this

var r_laps = document.getElementById("r_laps");
    var r_dfs = document.getElementById("r_dfs");

    r_laps.innerHTML = r_laps_recieved
    r_dfs.innerHTML = rr_dfs_recieved

If you want to use brackets, you can use

r_dfs.innerHTML = `(${rr_dfs_recieved})`