patroon | Javascript Template Engine

So I am trying to make a dynamic system where a button changes when you click on another button. For instance, when you click on the button: "12+4", different buttons will appear at another div. I use an append method for that. But when you click on one of the "patroon" buttons, it will not execute the $(".tile").on('click', function). That is because that code is already executed before the ajax call. My code is below:

I have an image I want to have come out of the website from the left and right side. See the image for what I have so far.

I managed to get it to work by giving the div the image on the left is in a position absolute and a left of -30px, but when I do the opposite for the image on the right (aka position:absolute and right:-30px), the image doesn't get cut off like it does on the right side.

Instead, the page get wider to have space for the image on the right. I have no idea as to how to get this to work and I also don't really know how to word this issue and my searches have come up barely anything to do with what I'm trying to find.

Below the HTML for both sides:

A couple of days ago, I made a post similar to this one.

I continued my work, but went back to this exercise after.

I need 2 more patterns in a table. The last 2 tables, I did with nested For-loops, which worked excellent, but now I'm stuck again.

What I need:

                  1
               2 1
            3 2 1
         4 3 2 1
      5 4 3 2 1
   6 5 4 3 2 1

What I tried:

Pretty new to all this, but here i go...

I need to make 2 patterns using a table (without borders) and for-loops:

1
1 2
1 2 3
1 2 3 4
1 2 3 4 5
1 2 3 4 5 6

I did work this one out with (probably not the easiest way tho, but it works):

I've created a page on Codepen to be later added to my Ruby on Rails app ( https://codepen.io/salman15/pen/evQVLV ), where all the code works fine.

After creating the page I tried adding the page to my Ruby on Rails app with spree (which is running on Cloud 9 https://consulegem-salman15.c9users.io/ "server might not be offline at the time that you read this"). I've done this in the following manner:

Step 1: Added the html code to the index.html.erb

Step 2: Added the CSS CDN to the _head.html.erb

Step 3: Downloaded all the JavaScript libraries and added them in the following folder path -> app -> assets -> javascripts -> frontend -> store

step 4: added the following line of code to my all.js file (inside in the frontend folder)