Web developer and autodidact with an interest in creative coding.
myName = "Fabian"
myName
myName2 = htl.html`<input type="text" value="Fabian">`
myName2
myName2.value
viewof myName3 = htl.html`<input type="text" value="Fabian">`
viewof myName3
myName3
viewof word_of_the_day = {
// The parent element, on which we'll set the value.
const myView = htl.html`<p>`;
for(const word of ["The", "bird", "is", "the", "word"]) {
const style = 'cursor: pointer; border: 2px solid #50f5; margin: .1em';
const clickableWord = htl.html`<strong style="${style}"> ${word} </strong>`;
myView.appendChild(clickableWord);
clickableWord.onclick = () => {
// Set the new value:
myView.value = word;
// This tells Observable that the value has changed:
myView.dispatchEvent(new Event("input", {bubbles: true}));
};
}
return myView;
}
word_of_the_day
Purpose-built for displays of data
Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
