Tastatursteuerung einer Bildliste in JavaScript
Main.html
<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml" lang="de" xml:lang="de">
<head><meta charset="UTF-8" />
<meta content="width=device-width, initial-scale=1, shrink-to-fit=no" name="viewport">
<title>Main</title><style type="text/css">
</style></head><body>
<img src=""/>
<pre><code><script>/*<![CDATA[*/"use strict";const uri =
[ "thumb/7/7b/Loc_contruction.jpg/220px-Loc_contruction.jpg",
"6/6f/CMB_Timeline300_no_WMAP.jpg",
"d/d5/Edmonton_Librarian_teaching_students_about_the_Dewey_Decimal_System_%2832848929670%29.jpg" ]let pagenumber = -1;
document.addEventListener
( "keydown",
event =>
{ if( event.key === "PageDown" )++pagenumber;
if( event.key === "PageUp" )--pagenumber;
if( pagenumber < 0 )pagenumber = 0;
if( uri.length <= pagenumber )pagenumber = URI.length-1;
document.getElementsByTagName( "img" )[ 0 ].setAttribute
( "src", "https://upload.wikimedia.org/wikipedia/commons/" + uri[ pagenumber ] ); } );/*]]>*/</script></code></pre></body></html>