translate jquery to js

Question

how could we write this in js ?

<div id="div1"></div>
<div id="div2"></div>

<script>
$("div").click(function(){
var a = $(this).attr("id");
});
</script>

Answer 1

ha c'est avec Angular...

Une piste à peaufiner :

Comme c'est Angular, tu vires "this.id" et le deuxième paramètre. Tu écris comme çà : "ng-click("removePoints($event)")".

Après, tu change toute ta fonction comme çà :

$scope.removePoint = function(e) {
var plus = e.currentTarget.attributes.id.nodeValue;
if(plus === "Strenghtmore") {
if($scope.pointsLeft <= 20 && $scope.pointsLeft > 0 ) {
$scope.pointsLeft--;
}
} else {
if($scope.pointsLeft < 20 ) {
$scope.pointsLeft++;
}
}
}

Tu auras bien les points qui ce vide jusqu'à 0 et qui ce remplissent jusqu'à 20 en détectant si tu clique sur plus ou moins.

Après, il faudra faire des if pour cibler plus chaque partie pour ajouter les points au bon endroit.

Answer 2

Another simple solution.

<div id="div1" onclick="recup(this)"></div>
<div id="div2" onclick="recup(this)" ></div>

<script>
function recup(x) {
var a = x.id;
}
</script>

Answer 3

We need "jQueriel" like Babel😂😂😂

Answer 4

You can use just sizzle module, or if I remember correctly can include only slim version of jQuery.

Answer 5

// read this (really helpful):
// http://youmightnotneedjquery.com

function click() {
var a = this.getAttribute("id");
}

[].forEach.call(document.getElementsByTagName("div"), function (div) {
div.addEventListener("click", click, false);
});

// without extra variable:

[].forEach.call(document.getElementsByTagName("div"), function (div) {
div.addEventListener("click", this, false);
}, function () {
var a = this.getAttribute("id");
});

Answer 6

Petite erreur de copie. Dans ng-click c'est "removePoint" sans le "s".

Answer 7

thanks Emile Djida and SILENT :)

Answer 8

De rien.;-)

Answer 9

Pourtant, ça doit fonctionner. La solution de @SILENT est la plus avancé. Celle de @Emile Djida est equivalente voir avec ajustement la plus rapide.

Ma version est la plus rapide mais un peu chiante, car il faut toujours ajouter un onclick dans les balises.

Answer 10

@NoxFly

Montre un exemple de ton code.

Answer 11

😂 4rontender

Answer 12

c.mechain, jai essayé mais ca marche pas :/ jdois mal m'y prendre

Answer 13

thanks Basile Laderchi

Answer 14

@SILENT , I agree totally 👍

Answer 15

it's not advisable to waste bandwidth on full jQuery when all u need is a little code,
moreover jQuery should not be used by beginners as it ll hinder your learning process , but it's good to know it

makes development easier

Answer 16

regarde dans le js jai ciblé la zone

https://code.sololearn.com/WRuGuKbTvpmi/?ref=app

Answer 17

oki

Answer 18

nickel merci

Answer 19

var divs= document. getElementsByTagName("div");
for(var i=0; i<divs.length; i++){
divs[i].onclick= function(){
var a= this.getAttribute("id");
};
}

Answer 20

I found this website to be very useful: https://plainjs.com