| <!DOCTYPE html> |
| <html> |
| <head> |
| <title>query-summary-sk</title> |
| <meta charset="utf-8" /> |
| <meta http-equiv="X-UA-Compatible" content="IE=edge"> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| </head> |
| <body> |
| <h2>Without URL</h2> |
| <query-summary-sk selection='config=565&config=8888'></query-summary-sk> |
| <h2>With URL</h2> |
| <query-summary-sk url=/ selection='config=565&config=8888'></query-summary-sk> |
| <h3>Change</h3> |
| <button>Set</button> |
| <script type="text/javascript" charset="utf-8"> |
| document.querySelector('button').addEventListener('click', (e) => { |
| document.querySelectorAll('query-summary-sk').forEach((ele) => { |
| ele.selection = 'type=GPU&config=8888'; |
| }); |
| }); |
| </script> |
| </body> |
| </html> |