如何将此jquery代码转换为javascript？ [英] How to convert this jquery code to javascript?

问题描述

$（'＃myCanvas2'）。on（'click'，function（e）{



this.removeAttribute（'style'）;

var r = Math.random（）;



var deg = 3000 + Math.round（r * 500）;

deg = Math.pow（-1，i）* deg;



var css =' - webkit-transform：rotate（'+ deg +'deg） ;';

this.setAttribute（'style'，css）;

i ++;

}）;



我尝试了什么：



var canvas = document.getElemementById（'myCanvas2'）。onclick = function（e）{

canvas.removeAttribute（'style'）;

var r = Math.random（）;



var deg = 3000 + Math.round（r * 500）;

deg = Math.pow（-1，i）* deg;



var css =' - webkit-transform：rotate（'+ deg +'deg）;';

canvas.setAttribute（'style'，css）;

i ++;

}

$('#myCanvas2').on('click', function(e) {

this.removeAttribute('style');
var r = Math.random();

var deg = 3000 + Math.round(r * 500);
deg = Math.pow(-1,i) * deg;

var css = '-webkit-transform: rotate(' + deg + 'deg);';
this.setAttribute('style', css);
i++;
});

What I have tried:

var canvas = document.getElemementById('myCanvas2').onclick = function(e){
canvas.removeAttribute('style');
var r = Math.random();

var deg = 3000 + Math.round(r * 500);
deg = Math.pow(-1,i) * deg;

var css = '-webkit-transform: rotate(' + deg + 'deg);';
canvas.setAttribute('style', css);
i++;
}

推荐答案

document.getElementById('myCanvas2').onclick = function (e) {
                        this.removeAttribute('style');
                        var r = Math.random();

                        var deg = 3000 + Math.round(r * 500);
                        deg = Math.pow(-1, i) * deg;

                        var css = '-webkit-transform: rotate(' + deg + 'deg);';
                        this.setAttribute('style', css);
                        i++;
                    }

这篇关于如何将此jquery代码转换为javascript？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！