Docs: Extend examples for inline <script> usage

README.md

@@ -46,7 +46,8 @@ window.addEventListener('load', function () {
 ```
 
 This will load the plugin from CDN and initialize the plugin with default settings.
-[👀 See example][examples].
+
+[👀 See demo page with example][examples].
 
 ## Loading the plugin
 
@@ -182,9 +183,14 @@ set `type` to `type="text/plain"` and add `data-cookiecategory` attribute with r
 
 ```html
 <script src="personalization.js" type="text/plain" data-cookiecategory="personalization" defer></script>
+
+<script type="text/plain" data-cookiecategory="functionality">
+   console.log('functionality consent given');
+</script>
 ```
 
-See [full documentation](https://github.com/orestbida/cookieconsent#manage-third-party-scripts) for this feature.
+[👀 This feature is shown in examples][examples].
+See also [full documentation](https://github.com/orestbida/cookieconsent#manage-third-party-scripts) for this feature.
 
 This feature is enabled by default. If you'd like to disable it, you can do so by overriding `page_scripts` value in
 `config` option:

examples/index.html

@@ -95,6 +95,14 @@ <h2 class="mt-4 mt-md-5 mb-3">Content set by external script when <code>personal
                     (empty)
                 </p>
 
+                <h2 class="mt-4 mt-md-5 mb-3">Content set using inline <code>&lt;script&gt;</code></h2>
+                <script type="text/plain" data-cookiecategory="functionality">
+                    document.getElementById('functionality-content').innerText = 'Consent for functionality category was given';
+                </script>
+                <p id="functionality-content">
+                    (empty)
+                </p>
+
                 <h2 class="mt-4 mt-md-5 mb-3">Allowed consent categories</h2>
                 <ul class="list-group">
                     <li class="list-group-item" id="consent-necessary">necessary</li>