How to change quaternion of a body with the use of key controls

[Fy-Spot]

Hello Guys, my name is Banjo OLuwafiayokunola, I am 14 and new to Cannon.js
I am trying to give onkey controls for my player(golem) in my game but the change of quaternion has been a big problem for me
I look around the internet and i am now stuck and how can i put a debounce to my jumpscript please. Thank you

here is the code

function executeMovement() {
if(keyMap[37] === true){
//rotate left
angleY -= 0.002;
rotationQuaternion.setFromEuler(new CANNON.Vec3(0,1,0), angleY);
let quaternion = rotationQuaternion.mult(hitboxbody.quaternion);
quaternion.normalize();
}
if(keyMap[39] === true){
//rotate right
rotationQuaternion.setFromAxisAngle( axisY, -rotateAngle );
hitboxbody.quaternion = rotationQuaternion.mult(hitboxbody.quaternion)
}
if(keyMap[38] === true){
//move front
function walk(time) {
time*=0.005
left_leg_pivot.rotation.x = (Math.sin(time))/2
right_hand_pivot.rotation.x = (Math.cos(90+time))/3
right_leg_pivot.rotation.x = (Math.cos(90+time))/3
left_hand_pivot.rotation.x = (Math.sin(time))/2

					}

					hitboxbody.velocity.x += Math.sin(hitboxbody.quaternion.y)
					hitboxbody.velocity.z += Math.cos(hitboxbody.quaternion.y)
					
					requestAnimationFrame(walk)
						
				}
				if(keyMap[40] === true){
					//move back
					function walk2(time) {
						time*=0.005
						left_leg_pivot.rotation.x = (Math.sin(time))/2
						right_hand_pivot.rotation.x = (Math.cos(90+time))/3
						right_leg_pivot.rotation.x = (Math.cos(90+time))/3
						left_hand_pivot.rotation.x = (Math.sin(time))/2
					}
					hitboxbody.velocity.x -= Math.sin(hitboxbody.quaternion.y)
					hitboxbody.velocity.z -= Math.cos(hitboxbody.quaternion.y)
					requestAnimationFrame(walk2)
				}

				if(keyMap[32] === true){
					//let isJumping = World_Gravity_Properties.isJumping
					const jump = () => {
						
						if (IsJumping) return{}
						else{
							if (hitboxbody.velocity.y <= 0.2 && hitboxbody.velocity.y >= 0)  {
								IsJumping = false
							}
							let maxdist = 7.5
							hitboxbody.velocity.y = maxdist
							IsJumping = true

							
						}
						
						
						
					
					};

[Fy-Spot]

here what will explain the code better

set_onkey_controls(){
const{rh,lh,rl,ll,hd,body,left_hand_pivot,right_hand_pivot,right_leg_pivot,left_leg_pivot,playcam} = this
const{golemMesh,Golem,hitbox,hitboxbody} = this

    let cubeshape = new CANNON.Box( new CANNON.Vec3( 1, 1, 1 ) );
			
    let clock = new THREE.Clock();
    let delta = clock.getDelta();
    
    let axisY =  new CANNON.Vec3( 0, 1, 0 );
    let rotationQuaternion = new CANNON.Quaternion();
    let rotateAngle = Math.PI / 3;
    let angleY = 0
    
    hitboxbody.addShape( cubeshape )