11486 sujets

JavaScript, DOM et API Web HTML5

Bonjour,
Comme je suis éclaté en code Javascript, j'amerai mettre une variable dans un document.querySelector en JS.
Voici mon code
function aleatoireBanane() {

	// Condition pour quelle margin :
	var bmmin = 1;
	var bmmax = 4;
	bmrandom = Math.floor(Math.random() * (bmmax - bmmin)) + bmmin;
	
	// If pour changer le margin en fonction du nombre :
	if (bmrandom <= 1) {
		bsrandom = 'marginTop';
	} else if (bmrandom <= 2) {
		bsrandom = 'marginRight';
	} else if (bmrandom <= 3) {
		bsrandom = 'marginLeft';
	} else if (bmrandom <= 4) {
		bsrandom = 'marginBottom';
	};

	// Condition pour le random :
	var brmin = 0;
	var brmax = 200;
	brandom = Math.floor(Math.random() * (brmax - brmin)) + brmin;

	// Code Final :
	document.querySelector('.banane').style.bsrandom=brandom + 'px';
}

C'est a l'avant dernière ligne que je voudrait faire en sorte que la variable bsrandom soit prise en compte, ce qui n'arrive pas. En gros elle ne fait rien et rien n'est pris en compte.
Cordialement,
PS : Ne vous posez pas de questions quant au nom de cette function{}
Modifié par BurgerKingKong (23 Feb 2022 - 18:37)
Modérateur
Coucou
document.querySelector('.banane').style[bsrandom] = brandom + 'px';

Bisou
Meilleure solution