@webwriter/quiz/src/snippets/Beispiel-Order.html

Add interactive tasks (multiple choice, order, free text, highlighting, or speech input). Make a quiz out of multiple tasks.

<webwriter-task
	class="ww-widget ww-v1.0.6-local"
	id="ww-9e8dbb09-f884-44f1-9c5c-fb7fb9afaba5"
	solution="data:application/octet-stream;base64,b9v1gruH6y/u/D67OBtN/NDF2C9eMsUQ3djIKA9iXMTHa7BwrEBqKOhxXmnr4NRQIaFJvT2SUBCUtrUtUxNYwrvb8dKYPz2NY3upQNzV0t3hhiYR5bQ6dxoOAQfQiXhVtBLUQMKx51Tib6f2NXDy+OTgF17OxlJeJilZuAT7jAf9xHfSFP1iww15dzoexo/h8pfV5UsIRUxBFjgSZneTVt4+tVJK7Fw3gXha/KrA94VxlibXIhY1FjQ="
	iv="data:application/octet-stream;base64,9LFdWn/mCmdKKnSe"
	salt="data:application/octet-stream;base64,uhJ+FIhdsapUlt0TG7zdNQ=="
>
	<webwriter-task-prompt
		class="ww-widget ww-v1.0.6-local"
		id="ww-93746971-3523-4ffa-a00c-154ab29805d4"
		slot="prompt"
	>
		<p>Ordne die Tiere absteigend nach ihrer Größe!</p>
	</webwriter-task-prompt>
	<webwriter-order
		class="ww-widget ww-v1.0.6-local"
		id="ww-e90b3acd-887f-4278-9a96-da59338033cd"
	>
		<webwriter-order-item
			class="ww-widget ww-v1.0.6-local"
			draggable="true"
			id="ww-88b734b1-4bde-4ffd-9f16-40a1dd5dc0a5"
			layout="list"
		>
			<p>Mensch</p>
		</webwriter-order-item>
		<webwriter-order-item
			class="ww-widget ww-v1.0.6-local"
			draggable="true"
			id="ww-08b84571-cb72-4ca2-9fe1-72bf7c8c6394"
			layout="list"
		>
			<p>Hamster</p>
		</webwriter-order-item>
		<webwriter-order-item
			class="ww-widget ww-v1.0.6-local"
			draggable="true"
			id="ww-d5bd5831-9d73-453a-a377-63861e73953e"
			layout="list"
		>
			<p>Ameise</p>
		</webwriter-order-item>
		<webwriter-order-item
			class="ww-widget ww-v1.0.6-local"
			draggable="true"
			id="ww-5d76bec6-35f1-4f30-bfff-56136fed3fab"
			layout="list"
		>
			<p>Bärtierchen</p>
		</webwriter-order-item>
	</webwriter-order>
</webwriter-task>