Just quick question, is there a way to call a function and modify a variable at the same time?
Take this,<button onclick="change(); var con = true">click me</button>
<script>
function change() {
while (con == true) {
var x = event.clientX;
var y = event.clientY;
}
//do some more magical stuff
}
</script>
Basically I want to loop the while loop only if the condition is true, and do some more magical stuff at the same time, would that be possible?
Try this
<button onclick="window.con = true; change();">click me</button>
<script>
window.con = false;
function change() {
while (window.con == true) {
var x = event.clientX;
var y = event.clientY;
// Put some logic here to break the loop.
}
//do some more magical stuff
}
</script>
Using while or for as shown in your example code will lock up the client's browser when invoked. Consider instead using a callback-y way, e.g. with setTimeout
Example using setTimeout wrapping a function, returning a toggle function
function toggleableFn(fn, rate) {
let timeout,
run = false,
loop;
function looper(args) {
if (!run) return; // double safety
fn.apply(this, args);
timeout = window.setTimeout(loop, rate);
}
return (...args) => {
run = !run;
if (run) {
loop = looper.bind(this, args);
loop();
return true
}
else {
window.clearTimeout(timeout);
}
return false;
};
}
var rep = toggleableFn((x, y) => console.log(x, y), 1e3);
rep('foo', 'bar'); // true
// logs "foo" "bar" every second until you toggle with `rep(); // false`
I would not recommend that approach. Not that it is not ok, but for the sake of having all code in the right places I would definitelly put all code in functions.
and - no offense - this coding practisies are a bit "old school", try to learn for example jQuery, and all the stuff will be hopefully much clearer then
addEventListener would do the trick. Isn't jQuery itself a bit old-school - it's older than 5 JS years which is like 120 in human years.
con === false? Like Paul said, this is currently an infinite loop.