ID when clicks make a function

Design help Custom code
1

Hello, im trying to make an Id than when i click it runs this function:
document.getElementsByClassName(“nav-design”)[0].children[0].click();

this is my project:
https://alejandros-cool-project-9-8251d4387b2f2.webflow.io/

And this is my code so far

<script>
$(document).ready(function() {
	// config
	label1 = 'prueba1';
	label2 = 'prueba2';
	label3 = 'prueba3';
  	        label4 = 'prueba4';
	label5 = 'prueba5';
	label6 = 'prueba6';
     	label7 = 'prueba7';
	label8 = 'prueba8';
	label9 = 'prueba9';

	// do not touch
	imgbegin = '<img src="';
	imgend = '" />';
	// end

	// First dot.
	$('.w-slider-nav').children('div:nth-child(1)').html(label1);
	// Second dot.
	$('.w-slider-nav').children('div:nth-child(2)').html(label2);
	// Third dot.
	$('.w-slider-nav').children('div:nth-child(3)').html(label3);

  	$('.w-slider-nav').children('div:nth-child(4)').html(label4);

	$('.w-slider-nav').children('div:nth-child(5)').html(label5);

	$('.w-slider-nav').children('div:nth-child(6)').html(label6);
  
  	$('.w-slider-nav').children('div:nth-child(7)').html(label7);

	$('.w-slider-nav').children('div:nth-child(8)').html(label8);

	$('.w-slider-nav').children('div:nth-child(9)').html(label9);

  
});
2

On click on element X (which element), you want Y (What should happen)? …Your Q is too general (Add more details).