Author: John Au-Yeung

Sometimes, we want to replace all accented characters in a string with JavaScript.

In this article, we’ll look at how to replace all accented characters in a string with JavaScript.

How to replace all accented characters in a string with JavaScript?

To replace all accented characters in a string with JavaScript, we can use the string replace method with a regex and callback.

For instance, we write

const translate = {
  ä: "a",
  ö: "o",
  ü: "u",
  Ä: "A",
  Ö: "O",
  Ü: "U",
};
const translateRe = /[öäüÖÄÜ]/g;
return s.replace(translateRe, (match) => {
  return translate[match];
});

to create the translateRe regex to match all instances of accented characters we want to replace.

Then we call s.replace with translateRe and a callback that returns the replacement character for each matched character.

Conclusion

To replace all accented characters in a string with JavaScript, we can use the string replace method with a regex and callback.

Sometimes, we want to create a unique number with JavaScript time.

In this article, we’ll look at how to create a unique number with JavaScript time.

How to create a unique number with JavaScript time?

To create a unique number with JavaScript time, we can add the timestamp of the current datetime to a random number.

For instance, we write

const n = Date.now() + Math.random();

to add the timestamp of the current datetime that we get with Date.now to a random number returned by Math.random.

Conclusion

To create a unique number with JavaScript time, we can add the timestamp of the current datetime to a random number.

Sometimes, we want to select option in drop down Protractor e2e tests with JavaScript.

In this article, we’ll look at how to select option in drop down Protractor e2e tests with JavaScript.

How to select option in drop down Protractor e2e tests with JavaScript?

To select option in drop down Protractor e2e tests with JavaScript, we can select the select element and then call click on it.

For instance, we write

element(by.cssContainingText("option", "BeaverBox Testing")).click();

to select the option element that we want to pick with

element(by.cssContainingText("option", "BeaverBox Testing"))

cssContainingText lets us select by option element’s text content.

Then we call click on click on the option to select it.

Conclusion

To select option in drop down Protractor e2e tests with JavaScript, we can select the select element and then call click on it.

Sometimes, we want to get the raw value a number input field with JavaScript.

In this article, we’ll look at how to get the raw value a number input field with JavaScript.

How to get the raw value a number input field with JavaScript?

To get the raw value a number input field with JavaScript, we can select the input content and then get the selected contents.

For instance, we write

input.focus();
document.execCommand("SelectAll");
const displayValue = window.getSelection().toString();

to call focus to focus on the input.

Then we call execCommand with 'SelectAll' to select the input box contents.

Finally, we get the selection as a string with window.getSelection().toString().

Conclusion

To get the raw value a number input field with JavaScript, we can select the input content and then get the selected contents.