@@ -200,17 +200,17 @@ <h2>Localised Dates</h2>
200
200
</ relative-time >
201
201
</ p >
202
202
203
-
204
203
< button class ="js-toggle-aria-hidden ">
205
204
With aria-hidden
206
205
< relative-time aria-hidden ="true " datetime ="1970-01-01T00:00:00.000Z ">
207
206
</ relative-time >
208
207
</ button >
209
- < script type ="module " src ="../dist/index.js "> </ script >
210
- <!-- <script type="module" src="https://unpkg.com/@github/relative-time-element@latest/dist/bundle.js"></script> -->
208
+
209
+ <!-- <script type="module" src="../dist/index.js"></script> -->
210
+ < script type ="module " src ="https://unpkg.com/@github/relative-time-element@latest/dist/bundle.js "> </ script >
211
211
< script >
212
212
document . body . addEventListener ( 'relative-time-updated' , event => {
213
- // console.log('event from', event.target, event)
213
+ console . log ( 'event from' , event . target , event )
214
214
} ) ;
215
215
document . getElementById ( 'dynamic1' ) . date = new Date ( )
216
216
document . getElementById ( 'dynamic2' ) . date = new Date ( Date . now ( ) - 30000 )
@@ -220,7 +220,6 @@ <h2>Localised Dates</h2>
220
220
document . getElementById ( 'lazy' ) . setAttribute ( 'datetime' , new Date ( ) . toJSON ( ) )
221
221
} , 1000 )
222
222
223
-
224
223
const toggleAriaHidden = ( event ) => {
225
224
const relativeTimeElement = event . currentTarget . querySelector ( 'relative-time' )
226
225
if ( relativeTimeElement . getAttribute ( 'aria-hidden' ) === 'true' ) {
@@ -231,7 +230,6 @@ <h2>Localised Dates</h2>
231
230
}
232
231
const button = document . querySelector ( '.js-toggle-aria-hidden' )
233
232
button . addEventListener ( 'click' , toggleAriaHidden )
234
-
235
233
</ script >
236
234
</ body >
237
235
</ html >
0 commit comments