JS wielokrotny obrót diva po onclicku na diva strzałkę

Witam wie może ktoś jak zrobić w js-ie obrotowy div tak jak na zdjęciu chciałbym żeby się obracały po kliknieciu o ustalony kąt w przestrzeni 3d do tej pory zrobiłem że się obraca tylko raz ale już dalszy obrót nie jest możliwy i się zastanawiam jak to zrobić pewnie jakaś funkcja by była potrzebna.

to mój kod js

function obrotL()
{
	var rodzic = document.getElementById("rodzic");
	rodzic.style.transform = "rotateX(-10deg) rotateY(40deg)";
								
}

function obrotP()
{
	var rodzic = document.getElementById("rodzic");
	rodzic.style.transform = "rotateX(-10deg) rotateY(-40deg)";
	
}

a to html

<div id="SL" onclick="obrotL()"></div>
		<div id="tresc">
			<div id="perspektywa">
				<div id="rodzic">
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
					<div></div>
				</div>
			</div>
		</div>
		<div id="SP" onclick="obrotP()"></div>

zapamiętuj obrót w jakiejś zmiennej i dodawaj lub odejmuj do tej zmiennej 40

Dzięki wielkie! tego mi brakowało.

coś mi to nie idzie żeby było jaśniej to żeby to działało muszę zrobić pętle for dla tego scriptu ?? i tam dodawać wartość do rotateY ?? ale najpierw muszę ją zapisać w zmiennej i do niej dodawać lub odejmować dobrze zrozumiałem bo dzisiaj coś ciężko mi z myśleniem idzie przez obecną prace jaką mam :(

var obrot = 0; // domyslny obrot

function obroc_w_prawo() {
  obrot += 40;
  element.style = " ... " + obrot + " ... ";
}

podstawy programowania w jakimkolwiek języku. jeżeli dodawanie wartości do zmiennej cię przerasta to ogarnij podstawy zanim będziesz robił KONKRETY, bo będziesz zawsze do tyłu. bez znajomości narzędzi nie da się pracować

dzięki działa jak natura chciała :) fakt faktem najpierw zasięgnąłem wiedzy podstawowej bo coś mi się mieszać zaczęło ale już jest ok jeszcze raz dzięki. :)