31:[] 2f:{"title":"hello observable","cells":[{"id":0,"value":"md`# hello observable`","pinned":false,"hidden":false,"mode":"ojs"},{"id":4,"value":"{\n let x=[1,2,3,4,5,6]\n const d = function(a){ // multiply by 2\n \treturn a*2\n }\n const s = (a,b)=>a+b // sum, also testing support of ES6\n return ['the meaning of life:',x,x.map(d),x.map(d).reduce(s)] // the meaning of life\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":97,"value":"md`\n# Studying Standard Library\nby reading info at https://github.com/observablehq/notebook-stdlib:\n* DOM - create HTML and SVG elements.\n* Files - read local files into memory.\n* Generators - utilities for generators and iterators.\n* Promises - utilities for promises.\n* require - load third-party libraries.\n* html - render HTML.\n* md - render Markdown.\n* tex - render TeX.\n* now - the current value of Date.now.\n* width - the current page width.\n\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":124,"value":"{\n let div = DOM.element('div')\n div.innerHTML='

Using the DOM to add two numbers

+ = 0
type number in boxes and note that function doAddition is only defined below ...'\n div.querySelector('#addres').textContent=parseFloat(div.querySelector('#numb1').value)+parseFloat(div.querySelector('#numb1').value)\n div.onkeyup=doAddition\n return div\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":181,"value":"doAddition= evt=>{\n var div = evt.target.parentElement\n let n1 = parseFloat(div.querySelector('#numb1').value) || 0\n let n2 = parseFloat(div.querySelector('#numb2').value) || 0\n div.querySelector('#addres').textContent = n1+n2\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":222,"value":"html`\n

Loading text from file

choose a file

\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":225,"value":"{\n let div = DOM.element('div')\n div.id='divLoadingSomeFile'\n div.style.height=\"200px\"\n let ip = DOM.input('file')\n div.appendChild(ip)\n ip.id='loadSomeFile'\n let ta = DOM.element('textarea')\n ta.style.width=\"100%\"\n ta.style.height=parseInt(div.style.height.slice(0,-2))-20+'px'\n ta.style.color=\"greenyellow\"\n ta.style.backgroundColor=\"black\"\n div.appendChild(ta)\n ip.onchange=evt=>{\n var file = evt.target.files[0]\n var reader = new FileReader\n reader.onload=txt=>{\n txt = txt.target.result\n console.log(txt)\n ta.innerHTML=txt\n }\n reader.readAsText(file)\n //debugger\n //console.log(txt)\n }\n return div\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":279,"value":"html`\n

Embedding applications with filepickers

Maybe this could be done directly in the scope of the worker? Try later ...

\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":276,"value":"dsripMaps = {\n var ifr=DOM.element('iframe')\n ifr.id=\"workIfr\"\n //ifr.sandbox='allow-popups allow-forms allow-popups-to-escape-sandbox allow-top-navigation-by-user-activation'\n //ifr.src=\"https://usm.github.io/align/\"\n ifr.src=\"https://bridge2014.github.io/dsripMap/maps.html\"\n ifr.width=\"100%\"\n ifr.height=\"800px\"\n return ifr\n}","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W31","stdlib":"1","titling":"auto"}