Title: For the Blur/zeroBlur image exercise · Issue #21 · bethrobson/Head-First-JavaScript-Programming · GitHub
Open Graph Title: For the Blur/zeroBlur image exercise · Issue #21 · bethrobson/Head-First-JavaScript-Programming
X Title: For the Blur/zeroBlur image exercise · Issue #21 · bethrobson/Head-First-JavaScript-Programming
Description: For anyone interested: This code based on previous lessons from this excellent book will also work for this Event Handler exercise. It uses the setAttribute( x, y) method instead of the image.src object/property/value pathway.
Open Graph Description: For anyone interested: This code based on previous lessons from this excellent book will also work for this Event Handler exercise. It uses the setAttribute( x, y) method instead of the image.src o...
X Description: For anyone interested: This code based on previous lessons from this excellent book will also work for this Event Handler exercise. It uses the setAttribute( x, y) method instead of the image.src o...
Opengraph URL: https://github.com/bethrobson/Head-First-JavaScript-Programming/issues/21
X: @github
Domain: patch-diff.githubusercontent.com
{"@context":"https://schema.org","@type":"DiscussionForumPosting","headline":"For the Blur/zeroBlur image exercise ","articleBody":"For anyone interested: This code based on previous lessons from this excellent book will also work for this Event Handler exercise. It uses the setAttribute( x, y) method instead of the image.src object/property/value pathway.\r\n\r\n\u003c!doctype html\u003e\r\n\u003chtml\u003e\r\n\u003chead\u003e\r\n \u003cmeta charset=\"utf-8\"\u003e\r\n \u003ctitle\u003e Image Guess \u003c/title\u003e\r\n \u003cstyle\u003e\r\n\tbody { margin: 20px; }\r\n\timg { margin: 20px; }\r\n \u003c/style\u003e\r\n \u003cscript\u003e\r\n\twindow.onload = init;\r\n\r\n\tfunction init() {\r\n\t\tvar image = document.getElementById(\"zero\");\r\n\t\timage.onclick = showAnswer;\r\n\t};\r\n\r\n\tfunction showAnswer() {\r\n\t\tvar image = document.getElementById(\"zero\").setAttribute(\"src\", \"zeroblur.jpg\");\r\n\t\t\r\n\t}\r\n\t\r\n \u003c/script\u003e\r\n\u003c/head\u003e\r\n\u003cbody\u003e\r\n\t\u003cimg id=\"zero\" src=\"zero.jpg\"\u003e\r\n\u003c/body\u003e\r\n\u003c/html\u003e","author":{"url":"https://github.com/pirooz-pakdel","@type":"Person","name":"pirooz-pakdel"},"datePublished":"2017-08-03T19:20:26.000Z","interactionStatistic":{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":0},"url":"https://github.com/21/Head-First-JavaScript-Programming/issues/21"}
| route-pattern | /_view_fragments/issues/show/:user_id/:repository/:id/issue_layout(.:format) |
| route-controller | voltron_issues_fragments |
| route-action | issue_layout |
| fetch-nonce | v2:8932d390-f53f-309c-309f-d43c3c2b2430 |
| current-catalog-service-hash | 81bb79d38c15960b92d99bca9288a9108c7a47b18f2423d0f6438c5b7bcd2114 |
| request-id | D296:14965D:350DB3B:48D9CFE:6972C092 |
| html-safe-nonce | 5d9eb68668bd62285340715af5d876a8461bd812352c3fa43c03e9b29a9e6615 |
| visitor-payload | eyJyZWZlcnJlciI6IiIsInJlcXVlc3RfaWQiOiJEMjk2OjE0OTY1RDozNTBEQjNCOjQ4RDlDRkU6Njk3MkMwOTIiLCJ2aXNpdG9yX2lkIjoiNTg2NTQ0OTIyMDg1OTkzNjkxNCIsInJlZ2lvbl9lZGdlIjoiaWFkIiwicmVnaW9uX3JlbmRlciI6ImlhZCJ9 |
| visitor-hmac | 4fd3f66eebe485c4ec1eb0547f97974b966e8e991f2efe7eedd5e0be29b5c3b2 |
| hovercard-subject-tag | issue:247809025 |
| github-keyboard-shortcuts | repository,issues,copilot |
| google-site-verification | Apib7-x98H0j5cPqHWwSMm6dNU4GmODRoqxLiDzdx9I |
| octolytics-url | https://collector.github.com/github/collect |
| analytics-location | / |
| fb:app_id | 1401488693436528 |
| apple-itunes-app | app-id=1477376905, app-argument=https://github.com/_view_fragments/issues/show/bethrobson/Head-First-JavaScript-Programming/21/issue_layout |
| twitter:image | https://opengraph.githubassets.com/dd10b1a43fd7c79eeeaef1a1184c0641b9392bcfc4294771df59cb0c026b5343/bethrobson/Head-First-JavaScript-Programming/issues/21 |
| twitter:card | summary_large_image |
| og:image | https://opengraph.githubassets.com/dd10b1a43fd7c79eeeaef1a1184c0641b9392bcfc4294771df59cb0c026b5343/bethrobson/Head-First-JavaScript-Programming/issues/21 |
| og:image:alt | For anyone interested: This code based on previous lessons from this excellent book will also work for this Event Handler exercise. It uses the setAttribute( x, y) method instead of the image.src o... |
| og:image:width | 1200 |
| og:image:height | 600 |
| og:site_name | GitHub |
| og:type | object |
| og:author:username | pirooz-pakdel |
| hostname | github.com |
| expected-hostname | github.com |
| None | aa656e37a6f46b81c2416d9c983f7c54e264ee31be17c0e6c9414b9f9f9c6eb4 |
| turbo-cache-control | no-preview |
| go-import | github.com/bethrobson/Head-First-JavaScript-Programming git https://github.com/bethrobson/Head-First-JavaScript-Programming.git |
| octolytics-dimension-user_id | 30760 |
| octolytics-dimension-user_login | bethrobson |
| octolytics-dimension-repository_id | 8868903 |
| octolytics-dimension-repository_nwo | bethrobson/Head-First-JavaScript-Programming |
| octolytics-dimension-repository_public | true |
| octolytics-dimension-repository_is_fork | false |
| octolytics-dimension-repository_network_root_id | 8868903 |
| octolytics-dimension-repository_network_root_nwo | bethrobson/Head-First-JavaScript-Programming |
| turbo-body-classes | logged-out env-production page-responsive |
| disable-turbo | false |
| browser-stats-url | https://api.github.com/_private/browser/stats |
| browser-errors-url | https://api.github.com/_private/browser/errors |
| release | cd2db6550c3226c3d384891fd6e7c212a34667be |
| ui-target | full |
| theme-color | #1e2327 |
| color-scheme | light dark |
Links:
Viewport: width=device-width