add interactive examples for intl/segmenter et al. (#14124)

* add interactive examples for intl/segmenter et al. after mdn/interactive-examples#1987

* Apply suggestions from code review

Co-authored-by: Jean-Yves Perrier <jypenator@gmail.com>

Co-authored-by: Jean-Yves Perrier <jypenator@gmail.com>

files/en-us/web/javascript/reference/global_objects/intl/segmenter/index.md

@@ -13,6 +13,8 @@ browser-compat: javascript.builtins.Intl.Segmenter
 
 The **`Intl.Segmenter`** object enables locale-sensitive text segmentation, enabling you to get meaningful items (graphemes, words or sentences) from a string.
 
+{{EmbedInteractiveExample("pages/js/intl-segmenter.html")}}
+
 ## Constructor
 
 - [`Intl.Segmenter()`](/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/Segmenter/Segmenter)

files/en-us/web/javascript/reference/global_objects/intl/segmenter/resolvedoptions/index.md

@@ -13,6 +13,8 @@ browser-compat: javascript.builtins.Intl.Segmenter.resolvedOptions
 
 The **`Intl.Segmenter.prototype.resolvedOptions()`** method returns a new object with properties reflecting the locale and granularity options computed during the initialization of this [`Intl.Segmenter`](/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/Segmenter) object.
 
+{{EmbedInteractiveExample("pages/js/intl-segmenter-prototype-resolvedoptions.html")}}
+
 ## Syntax
 
 ```js

files/en-us/web/javascript/reference/global_objects/intl/segmenter/segment/index.md

@@ -13,6 +13,8 @@ browser-compat: javascript.builtins.Intl.Segmenter.segment
 
 The **`Intl.Segmenter.prototype.segment()`** method segments a string according to the locale and granularity of this [`Intl.Segmenter`](/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/Segmenter) object.
 
+{{EmbedInteractiveExample("pages/js/intl-segmenter-prototype-segment.html")}}
+
 ## Syntax
 
 ```js

files/en-us/web/javascript/reference/global_objects/intl/segmenter/segmenter/index.md

@@ -14,6 +14,8 @@ browser-compat: javascript.builtins.Intl.Segmenter.constructor
 
 The **`Intl.Segmenter()`** constructor creates [`Intl.Segmenter`](/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/Segmenter) objects that enable locale-sensitive text segmentation.
 
+{{EmbedInteractiveExample("pages/js/intl-segmenter.html")}}
+
 ## Syntax
 
 ```js

files/en-us/web/javascript/reference/global_objects/intl/segmenter/supportedlocalesof/index.md

@@ -13,6 +13,8 @@ browser-compat: javascript.builtins.Intl.Segmenter.supportedLocalesOf
 
 The **`Intl.Segmenter.supportedLocalesOf()`** method returns an array containing those of the provided locales that are supported without having to fall back to the runtime's default locale.
 
+{{EmbedInteractiveExample("pages/js/intl-segmenter-supportedlocalesof.html")}}
+
 ## Syntax
 
 ```js

files/en-us/web/javascript/reference/global_objects/intl/segments/@@iterator/index.md

@@ -13,6 +13,8 @@ browser-compat: javascript.builtins.Intl.Segments.@@iterator
 
 The **`Intl.Segments.@@iterator`** method is part of [the iterable protocol](/en-US/docs/Web/JavaScript/Reference/Iteration_protocols#the_iterable_protocol), which returns a new iterator object that can iterate over the entries in an `Intl.Segmenter` object.  Each entry is returned as an object.
 
+{{EmbedInteractiveExample("pages/js/intl-segments-prototype-@@iterator.html")}}
+
 ## Syntax
 
 ```js

files/en-us/web/javascript/reference/global_objects/intl/segments/containing/index.md

@@ -13,6 +13,8 @@ browser-compat: javascript.builtins.Intl.Segments.containing
 
 The **`Intl.Segments.containing()`** method returns an object describing the segment in the string that includes the code unit at the specified index.
 
+{{EmbedInteractiveExample("pages/js/intl-segments-prototype-containing.html")}}
+
 ## Syntax
 
 ```js

files/en-us/web/javascript/reference/global_objects/intl/segments/index.md

@@ -13,6 +13,8 @@ browser-compat: javascript.builtins.Intl.Segments
 
 An **`Intl.Segments`** instance is an iterable collection of the segments of a text string. It is returned by a call to the [`segment()`](/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/Segmenter/segment) method of an [`Intl.Segmenter`](/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/Segmenter) object.
 
+{{EmbedInteractiveExample("pages/js/intl-segments-prototype-containing.html")}}
+
 ## Instance methods
 
 - [`Segments.prototype.containing()`](/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/Segments/containing)