stemcstudio

{
    "description": "Broken"
}

stemcstudio

STEMCstudio Application

Purpose

This application may be used as a starting point for creating new applications in STEMCstudio. The application entrypoint is index.html. A README.md file is provided for documentation.

Application

stemcstudio

STEMCstudio Application

Purpose

This application may be used as a starting point for creating new applications in STEMCstudio. The application entrypoint is index.html. A README.md file is provided for documentation.

Application

stemcstudio

React

Copyright (c) 2015-2020 David Geo Holmes.

stemcstudio

import * as React from 'react'
import { Component } from 'react'
import { Square } from './Square'

interface BoardProps {
}

interface BoardSpec {
}

stemcstudio

import * as React from 'react'
import { Component } from 'react'
import { JsxGraph, JsxGraphStep } from './JsxGraph'
import { steps } from './steps'

interface AppProps {
    greeting: string
}

interface AppSpec {

stemcstudio

<script>
    let scoops = 1;
    let flavours = ['Mint choc chip'];
    
    let menu = [
    	'Cookies and cream',
    	'Mint choc chip',
    	'Raspberry ripple'
    ];
    

stemcstudio

<script>
	let name = '';
</script>

<input bind:value={name} placeholder="enter your name">
<p>Hello, {name || 'Stranger'}!</p>

stemcstudio

<script>
	import Outer from './Outer.svelte';

	function handleMessage(event) {
		alert(event.detail.text);
	}
</script>

<Outer on:message={handleMessage}/>

stemcstudio

<script>
    import { onMount, } from 'svelte';

    let time = new Date();

    // these automatically update when `time`
    // changes, because of the `$:` prefix
    $: hours = time.getHours();
    $: minutes = time.getMinutes();
    $: seconds = time.getSeconds();