hello everyone, tell me how to make it so that when the paint runs out, the remaining letters begin to be printed in black. For

Question

class Marker {
constructor(color, percentage ) {
this.color = color;
this.loaded = percentage;
}
setPrint(text) {
let index;

for (let letter of text) {
index = text.indexOf(letter);

if (letter != " ") {
if (this.loaded) {
this.loaded -= 25;
} else break;
}
}

let printedText = text.substr(0, index);
printedText.style.color = this.color;
let change = text.substr(index);
let p = document.createElement('p');
document.body.appendChild(p);
let c = document.querySelector('p');
c.innerHTML = printedText + change;
}
}
let s = new Marker('blue', 50)
s.setPrint('Hello')

Answer 1

Тимур Завьялов do your marker object print at maximum four characters before switching to black? (ie consume 25% of its load by char :o ?)

anyway, here is a corrected / annotated working version of your code:

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

(changed color from 'blue' to 'red' to better contrast with the default black ;P)

Answer 2

visph, thank you, your code is amazing

Answer 3

For example, "He" is printed in blue, and "llo" is printed in black

Answer 4

It works as I intended)