Downloaded 95 times
Uploaded byNoritada Shimizu
Firefox OSアプリ開発ハンズオン(Hello World編)
The document is a basic HTML webpage titled 'hello world,' featuring a large heading in Japanese that translates to 'Hello, World!' It uses CSS for styling and JavaScript for handling device light events to update the heading based on ambient light levels. The content includes links to an external CSS file and a JavaScript file, with device light event listeners set up for functionality.
Firefox OSアプリ開発ハンズオン(Hello World編)
- 2.
- 5.
- 6.
- 13.
- 18.
- 24.
- 34.
- 36.
- 38. <head> <meta charset="utf-8"> <meta name="viewport"content="width=device-width,user- scalable=no,initial-scale=1"> <title>Hello World</title> <link rel="stylesheet" href="app.css"> <script src="app.js" defer></script> </head>
- 42. body{ font-size: 18px; overflow: hidden; background-color:#00539F; } h1{ font-size: 640%; line-height: .8; color: white; }
- 47. var indicator; var displayBrightness= function(element, value){ element.textContent = value; }; var handleDeviceLightEvent = function(event){ var lux = event.value; if(indicator != null){ displayBrightness(indicator, lux); } }; window.addEventListener("devicelight", handleDeviceLightEvent);
- 48. var initApp =function(){ indicator = document.querySelector("h1"); }; window.addEventListener("load", initApp);
- 49. var indicator; var displayBrightness= function(element, value){ element.textContent = value; }; var handleDeviceLightEvent = function(event){ var lux = event.value; if(indicator != null){ displayBrightness(indicator, lux); } }; window.addEventListener("devicelight", handleDeviceLightEvent);
- 63.
- 64.
- 65.