-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathskrivelab.html
More file actions
2566 lines (2472 loc) · 202 KB
/
Copy pathskrivelab.html
File metadata and controls
2566 lines (2472 loc) · 202 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
<!DOCTYPE html>
<html lang="nn">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Skrivelab – Norsklaben</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&family=Source+Sans+3:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
<link rel="stylesheet" href="styles.css">
</head>
<body>
<header>
<a class="logo" href="index.html">Norsk<span>laben</span></a>
<nav>
<a href="skrivelab.html" class="active">Skrivelab</a>
<a href="nynorsklab.html">Nynorsklab</a>
<a href="verktoyskasse.html">Verktøykasse</a>
<a href="undervisingsbank.html">Undervisingsbank</a>
<div class="nav-dropdown">
<button class="nav-dropbtn" type="button" aria-expanded="false">Leikekassa</button>
<div class="nav-dropmenu">
<a href="mad-libs.html">Mad Libs</a>
<a href="vurderingslab.html">Vurderingslab</a>
</div>
</div>
</nav>
</header>
<div class="hero skrivelab-hero">
<div class="htag">Øvingsoppgåver</div>
<h1>Skrivelab</h1>
<p>Øvingsoppgåver i norsk skriving – frå grammatikk til drøfting, kjeldebruk og sjanger.</p>
<div class="hero-stats">
<div><div class="stat-n" id="nl-stat-categories">24</div><div class="stat-l">Kategoriar</div></div>
<div><div class="stat-n" id="nl-stat-tasks">219</div><div class="stat-l">Oppgåver</div></div>
<div><div class="stat-n">10</div><div class="stat-l">Nye kategoriar</div></div>
</div>
</div>
<div class="fbar">
<div class="frow">
<div class="swrap">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="11" cy="11" r="8"/><path d="m21 21-4.35-4.35"/></svg>
<input type="text" id="search-input" placeholder="Søk etter kategori eller oppgåve…">
</div>
<div class="chips">
<button class="chip active" data-op="alle">Alle</button>
<button class="chip" data-op="korrigere">Korrigere</button>
<button class="chip" data-op="fylloppgåve">Fylloppgåve</button>
<button class="chip" data-op="identifisere">Identifisere</button>
<button class="chip" data-op="omskrive">Omskrive</button>
<button class="chip" data-op="byggje">Byggje</button>
<button class="chip" data-op="analysere">Analysere</button>
<button class="chip" data-op="rangere">Rangere</button>
</div>
</div>
</div>
<section class="adp" id="nl-adaptive" aria-labelledby="nl-adaptive-title">
<div class="adp-inner">
<div class="adp-head">
<h2 id="nl-adaptive-title">Adaptiv øvingsrekkje</h2>
<p>Vel kategoriar og nivå, så lagar Skrivelab ei økt frå den eksisterande oppgåvebanken.</p>
</div>
<div class="adp-grid">
<div class="adp-field adp-field-wide">
<label>Kategoriar – vel kva du vil øve på</label>
<div class="adp-cats" id="nl-ad-cats"></div>
<div class="adp-cat-tools">
<button type="button" class="adp-btn adp-cat-tool" id="nl-ad-cats-clear">Tøm</button>
<button type="button" class="adp-btn adp-cat-tool" id="nl-ad-cats-all">Vel alle</button>
</div>
</div>
<div class="adp-field">
<label for="nl-ad-level">Vanskegrad</label>
<select id="nl-ad-level">
<option value="adaptiv" selected>Adaptiv (automatisk)</option>
<option value="lett">Lett</option>
<option value="middels">Middels</option>
<option value="vidarekomande">Vidarekomande</option>
</select>
</div>
<div class="adp-field">
<label for="nl-ad-count">Tal oppgåver (maks 25)</label>
<input id="nl-ad-count" type="number" min="3" max="25" value="8" />
</div>
</div>
<div class="adp-actions">
<button class="adp-btn adp-btn-pri" id="nl-ad-start">Start øving</button>
<button class="adp-btn" id="nl-ad-reset" hidden>Avslutt økt</button>
</div>
</div>
</section>
<div class="adp-win" id="nl-ad-win" hidden>
<div class="adp-win-bg" id="nl-ad-win-bg"></div>
<div class="adp-win-card" role="dialog" aria-modal="true" aria-labelledby="nl-ad-win-title">
<div class="adp-win-head">
<h3 id="nl-ad-win-title">Adaptiv økt</h3>
<button class="adp-win-close" id="nl-ad-win-close" aria-label="Lukk økta">Lukk</button>
</div>
<div class="adp-run" id="nl-ad-run" hidden>
<div class="adp-run-top">
<div id="nl-ad-progress">Oppgåve 1 av 8</div>
<div id="nl-ad-badges" aria-live="polite"></div>
<div class="adp-live-score" id="nl-ad-score-pill">
<span class="adp-score-icon">★</span>
<span id="nl-ad-score-val">0</span> poeng
</div>
</div>
<div class="adp-bar"><span id="nl-ad-bar-fill"></span></div>
</div>
<div class="adp-win-body" id="nl-ad-win-body"></div>
<div class="gram-feedback" id="nl-ad-feedback"></div>
<section class="adp-summary" id="nl-ad-summary" hidden aria-live="polite">
<div class="adp-summary-medal" id="nl-ad-sum-medal"></div>
<h4 id="nl-ad-sum-heading">Økt fullført!</h4>
<div class="adp-summary-ring">
<svg viewBox="0 0 100 100">
<circle class="adp-ring-bg" cx="50" cy="50" r="42"/>
<circle class="adp-ring-fill" id="nl-ad-ring" cx="50" cy="50" r="42"
stroke-dasharray="263.9" stroke-dashoffset="263.9"/>
<text class="adp-ring-text" x="50" y="50" id="nl-ad-ring-pct">0%</text>
</svg>
</div>
<div class="adp-summary-comment" id="nl-ad-sum-comment"></div>
<div class="adp-summary-grid">
<div class="adp-summary-kpi">
<span class="adp-summary-lbl">Poeng</span>
<strong id="nl-ad-sum-poeng">0/0</strong>
</div>
<div class="adp-summary-kpi kpi-ok">
<span class="adp-summary-lbl">Rette</span>
<strong id="nl-ad-sum-rette">0</strong>
</div>
<div class="adp-summary-kpi kpi-err">
<span class="adp-summary-lbl">Feil</span>
<strong id="nl-ad-sum-feil">0</strong>
</div>
</div>
<div class="adp-summary-strengths" id="nl-ad-sum-strengths"></div>
<div class="adp-summary-corrections" id="nl-ad-sum-retting"></div>
<div class="adp-summary-teacher" id="nl-ad-sum-teacher">
<span class="teacher-icon">📸</span>
<strong>Vil du skryte til læraren?</strong>
Ta eit skjermbilete av denne sluttkvitteringa og vis det til læraren din!
<div class="adp-summary-meta">
<span id="nl-ad-sum-time">-</span>
<span id="nl-ad-sum-id">-</span>
</div>
</div>
<div class="adp-summary-actions">
<button class="adp-btn adp-btn-pri" id="nl-ad-sum-new">Start ny økt</button>
<button class="adp-btn" id="nl-ad-sum-close">Lukk</button>
</div>
</section>
<div class="adp-run-actions" id="nl-ad-actions">
<button class="adp-btn" id="nl-ad-check">Sjekk svar</button>
<button class="adp-btn adp-btn-pri" id="nl-ad-next">Neste oppgåve →</button>
</div>
</div>
</div>
<div class="adp-win" id="nl-bank-win" hidden>
<div class="adp-win-bg" id="nl-bank-win-bg"></div>
<div class="adp-win-card bank-win-card" role="dialog" aria-modal="true" aria-labelledby="nl-bank-win-title">
<div class="adp-win-head">
<h3 id="nl-bank-win-title">Oppgåve</h3>
<button class="adp-win-close" id="nl-bank-win-close" aria-label="Lukk oppgåva">Lukk</button>
</div>
<div class="adp-win-body" id="nl-bank-win-body"></div>
<div class="bank-win-actions">
<button class="adp-btn" id="nl-bank-prev">Forrige</button>
<div class="bank-win-pos" id="nl-bank-pos">1 av 1</div>
<button class="adp-btn adp-btn-pri" id="nl-bank-next">Neste</button>
</div>
</div>
</div>
<main class="main">
<!-- ══ GRUPPE 1: GRUNNLEGGJANDE GRAMMATIKK ══ -->
<section class="grp">
<div class="glabel"><div class="gdot" style="background:#1D6FD1"></div><h2>Grunnleggjande grammatikk</h2><span class="gcnt">6 kategoriar</span></div>
<div class="grid">
<!-- OG / Å -->
<div class="card" data-cat="og-aa">
<div class="ch">
<div class="ci" style="background:#EBF3FF;color:#1D6FD1">og/å</div>
<div class="cm"><div class="ct"><span class="cn">Og / Å</span><div class="cbdg"><span class="exc">3 oppg.</span></div></div>
<p class="cd">Skilnaden mellom bindeordet «og» og infinitivsmerket «å».</p></div>
<div class="ctog"><svg viewBox="0 0 24 24" fill="none"><polyline points="6 9 12 15 18 9"/></svg></div>
</div>
<div class="exlist">
<div class="ei">
<button class="etog"><span class="etit">Feilretting: Seks og/å-feil</span><span class="b ok">Korrigere</span><span class="b dg">Lett</span><svg class="earr" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="9 18 15 12 9 6"/></svg></button>
<div class="ec">
<p class="inst"><strong>Finn og rett dei seks og/å-feila i teksten.</strong></p>
<div class="fix-area ibox" id="fix-1" contenteditable="true" spellcheck="false" data-original="Eg har alltid hatt lyst og reise til Italia. Broren min lovde og kome, men han glemte å bestille billett. Det er vanleg og gløyme slike ting. Vi prøvde og finne ein billig pris, men det var vanskeleg å gjere. Til slutt bestemte vi oss og reise til Spania i staden." data-errors='{"lyst og reise":"lyst å reise","lovde og kome":"lovde å kome","vanleg og gløyme":"vanleg å gløyme","prøvde og finne":"prøvde å finne","oss og reise":"oss å reise"}'>Eg har alltid hatt lyst og reise til Italia. Broren min lovde og kome, men han glemte å bestille billett. Det er vanleg og gløyme slike ting. Vi prøvde og finne ein billig pris, men det var vanskeleg å gjere. Til slutt bestemte vi oss og reise til Spania i staden.</div>
<div class="ex-controls">
<button class="btn-check" data-check="fix" data-target="fix-1" data-score="score-1">Sjekk svar</button>
<button class="btn-reset" data-reset="fix" data-target="fix-1" data-score="score-1">Start på nytt</button>
<span class="ex-score" id="score-1"></span>
<button class="btn-fasit" data-fasit="fasit-1">Vis fasit</button>
</div>
<div class="fasit-box" id="fasit-1"><div class="fb"><div class="fl">Fasit</div>
<p>«og reise» → <span class="ok2">å reise</span> | «og kome» → <span class="ok2">å kome</span> | «og gløyme» → <span class="ok2">å gløyme</span> | «og finne» → <span class="ok2">å finne</span> | «og reise» (siste) → <span class="ok2">å reise</span></p>
<p class="note">Regel: «Å» = infinitivsmerke (å gjere noko). «Og» = bindeord mellom ledd.</p></div></div>
</div>
</div><div class="ei">
<button class="etog"><span class="etit">Fylloppgåve: Vel og eller å</span><span class="b of">Fylloppgåve</span><span class="b dg">Lett</span><svg class="earr" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="9 18 15 12 9 6"/></svg></button>
<div class="ec">
<p class="inst"><strong>Vel setninga med rett bruk av «og» og «å».</strong></p>
<div class="ibox" id="fill-2">
<div class="mcq-area" id="mc-2-1" data-answer="1">
<p>1. Kva setning er rett?</p>
<label class="mcq-opt"><input type="radio" name="mc-2-1" value="0"> Det er viktig og spise sunt å sove godt.</label>
<label class="mcq-opt"><input type="radio" name="mc-2-1" value="1"> Det er viktig å spise sunt og sove godt.</label>
<label class="mcq-opt"><input type="radio" name="mc-2-1" value="2"> Det er viktig og spise sunt og sove godt.</label>
</div>
<div class="mcq-area" id="mc-2-2" data-answer="1">
<p>2. Kva setning er rett?</p>
<label class="mcq-opt"><input type="radio" name="mc-2-2" value="0"> Han prøvde og lese, men klarte og konsentrere seg.</label>
<label class="mcq-opt"><input type="radio" name="mc-2-2" value="1"> Han prøvde å lese, men klarte å konsentrere seg.</label>
<label class="mcq-opt"><input type="radio" name="mc-2-2" value="2"> Han prøvde å lese, men klarte og konsentrere seg.</label>
</div>
<div class="mcq-area" id="mc-2-3" data-answer="2">
<p>3. Kva setning er rett?</p>
<label class="mcq-opt"><input type="radio" name="mc-2-3" value="0"> Vi har lyst og gå på kino å ete pizza etterpå.</label>
<label class="mcq-opt"><input type="radio" name="mc-2-3" value="1"> Vi har lyst å gå på kino å ete pizza etterpå.</label>
<label class="mcq-opt"><input type="radio" name="mc-2-3" value="2"> Vi har lyst å gå på kino og ete pizza etterpå.</label>
</div>
<div class="mcq-area" id="mc-2-4" data-answer="0">
<p>4. Kva setning er rett?</p>
<label class="mcq-opt"><input type="radio" name="mc-2-4" value="0"> Det er lett å gløyme å sette strikk rundt hatten.</label>
<label class="mcq-opt"><input type="radio" name="mc-2-4" value="1"> Det er lett og gløyme å sette strikk rundt hatten.</label>
<label class="mcq-opt"><input type="radio" name="mc-2-4" value="2"> Det er lett og gløyme og sette strikk rundt hatten.</label>
</div>
<div class="mcq-area" id="mc-2-5" data-answer="1">
<p>5. Kva setning er rett?</p>
<label class="mcq-opt"><input type="radio" name="mc-2-5" value="0"> Læraren bad elevane og lese kapittel tre å fire.</label>
<label class="mcq-opt"><input type="radio" name="mc-2-5" value="1"> Læraren bad elevane å lese kapittel tre og fire.</label>
<label class="mcq-opt"><input type="radio" name="mc-2-5" value="2"> Læraren bad elevane å lese kapittel tre å fire.</label>
</div>
</div>
<div class="ex-controls">
<button class="btn-check" data-check="mcset" data-target="fill-2" data-score="score-2">Sjekk svar</button>
<button class="btn-reset" data-reset="mcset" data-target="fill-2" data-score="score-2">Start på nytt</button>
<span class="ex-score" id="score-2"></span>
<button class="btn-fasit" data-fasit="fasit-2">Vis fasit</button>
</div>
<div class="fasit-box" id="fasit-2"><div class="fb"><div class="fl">Fasit</div>
<p>1. å / og 2. å / å 3. å / og 4. å / å 5. å / og</p></div></div>
</div>
</div><div class="ei">
<button class="etog"><span class="etit">Kontekstoppgåve: Kvifor og eller å?</span><span class="b oa">Analysere</span><span class="b dm">Middels</span><svg class="earr" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="9 18 15 12 9 6"/></svg></button>
<div class="ec">
<p class="inst"><strong>Forklar kvifor «og» og «å» gir ulik meining i kvart par.</strong></p>
<div class="ibox"><div class="box">
<p>a) «Ho bad meg og kome.» vs. «Ho bad meg å kome.»</p>
<p>b) «Vi begynte å synge og danse.» – er dette rett? Forklar.</p>
<p>c) «Han vil lese og skrive kvar dag.» – kvifor er «og» rett her?</p>
</div></div>
<p class="subinst">A. Forklar skilnaden i meining.</p>
<textarea class="write-area" id="ta-3-a" placeholder="Skriv her..." oninput="nlWC(this,'wc-3-a')"></textarea>
<div class="word-count" id="wc-3-a">0 ord</div>
<p class="subinst">B. Vurder om setninga er rett, og kvifor.</p>
<textarea class="write-area" id="ta-3-b" placeholder="Skriv her..." oninput="nlWC(this,'wc-3-b')"></textarea>
<div class="word-count" id="wc-3-b">0 ord</div>
<p class="subinst">C. Forklar kvifor «og» er rett i dømet.</p>
<textarea class="write-area" id="ta-3-c" placeholder="Skriv her..." oninput="nlWC(this,'wc-3-c')"></textarea>
<div class="word-count" id="wc-3-c">0 ord</div>
<div class="ex-controls">
<button class="btn-reset" onclick="this.closest('.ec').querySelectorAll('textarea.write-area').forEach(function(t){t.value='';var wc=t.parentElement.querySelector('#'+'wc-'+t.id.substring(3));if(wc){nlWC(t,wc.id);}})">Tøm felt</button>
<button class="btn-fasit" data-fasit="fasit-3">Vis fasit</button>
</div>
<div class="fasit-box" id="fasit-3"><div class="fb"><div class="fl">Fasit</div>
<p>a) «Bad meg og kome» er feil – verbet «be» krev infinitiv med «å». «Bad meg å kome» = rett.</p>
<p>b) Rett. «Å synge og danse» – eitt infinitivsmerke er nok når to infinitivar følgjer etter kvarandre.</p>
<p>c) «Lese og skrive» – «og» bind to infinitivar saman etter eitt «å» (underforstått).</p></div></div>
</div>
</div></div></div>
<!-- DOBBEL KONSONANT -->
<div class="card" data-cat="dobbel-konsonant">
<div class="ch">
<div class="ci" style="background:#EBF3FF;color:#1D6FD1">kk</div>
<div class="cm"><div class="ct"><span class="cn">Dobbel konsonant</span><div class="cbdg"><span class="exc">3 oppg.</span></div></div>
<p class="cd">Kort eller lang vokal? Øv på enkel og dobbel konsonant.</p></div>
<div class="ctog"><svg viewBox="0 0 24 24" fill="none"><polyline points="6 9 12 15 18 9"/></svg></div>
</div>
<div class="exlist"><div class="ei">
<button class="etog"><span class="etit">Feilretting: Fem feil i elevtekst</span><span class="b ok">Korrigere</span><span class="b dg">Lett</span><svg class="earr" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="9 18 15 12 9 6"/></svg></button>
<div class="ec">
<p class="inst"><strong>Finn og rett dei fem stavefeilane med dobbel konsonant.</strong></p>
<div class="fix-area ibox" id="fix-7" contenteditable="true" spellcheck="false" data-original="Mange unggdomar er optat av sosiale medium. Det er viktig at vi set grenser for kor lang tid vi brukar på mobilen. Familien bør samlast rundt midagsbordet og snakke saman om daagen. Prøv å leggje ned telefonen og sjå ut vindduet i staden." data-errors='{"unggdomar":"ungdommar","optat":"oppteken","midagsbordet":"middagsbordet","daagen":"dagen","vindduet":"vinduet"}'>Mange unggdomar er optat av sosiale medium. Det er viktig at vi set grenser for kor lang tid vi brukar på mobilen. Familien bør samlast rundt midagsbordet og snakke saman om daagen. Prøv å leggje ned telefonen og sjå ut vindduet i staden.</div>
<div class="ex-controls">
<button class="btn-check" data-check="fix" data-target="fix-7" data-score="score-7">Sjekk svar</button>
<button class="btn-reset" data-reset="fix" data-target="fix-7" data-score="score-7">Start på nytt</button>
<span class="ex-score" id="score-7"></span>
<button class="btn-fasit" data-fasit="fasit-7">Vis fasit</button>
</div>
<div class="fasit-box" id="fasit-7"><div class="fb"><div class="fl">Fasit</div>
<p>unggdomar→<span class="ok2">ungdommar</span> | optat→<span class="ok2">oppteken</span> | midags-→<span class="ok2">middags-</span> | daagen→<span class="ok2">dagen</span> | vindduet→<span class="ok2">vinduet</span></p></div></div>
</div>
</div><div class="ei">
<button class="etog"><span class="etit">Fylloppgåve: Ein eller to konsonantar?</span><span class="b of">Fylloppgåve</span><span class="b dg">Lett</span><svg class="earr" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="9 18 15 12 9 6"/></svg></button>
<div class="ec">
<p class="inst"><strong>Fyll inn rett antal konsonantar (t/tt, l/ll, s/ss, n/nn).</strong></p>
<div class="ibox fill-text" id="fill-8">
<p>1. vi__e 2. va__e 3. fi__e 4. ka__en 5. li__e 6. kla__e</p>
</div>
<div class="ex-controls">
<button class="btn-fasit" data-fasit="fasit-8">Vis fasit</button>
</div>
<div class="fasit-box" id="fasit-8"><div class="fb"><div class="fl">Fasit</div>
<p>1. vite (t) | 2. vane (n) | 3. finne (nn) | 4. katten (tt) | 5. lille (ll) | 6. klasse (ss)</p>
<p class="note">Hovudregel: Kort vokal → dobbel konsonant. Lang vokal → enkel.</p></div></div>
</div>
</div><div class="ei">
<button class="etog"><span class="etit">Analyse: Tydingsskilnad ved dobbel konsonant</span><span class="b oa">Analysere</span><span class="b dm">Middels</span><svg class="earr" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="9 18 15 12 9 6"/></svg></button>
<div class="ec">
<p class="inst"><strong>Forklar skilnaden i tyding og uttale.</strong></p>
<div class="ibox"><div class="box">
<p>a) «tak» (taket på huset) vs. «takk» (takksemd) – Er begge rett? Kvifor?</p>
<p>b) «mat» (det vi et) vs. «matt» (sliten/adjektiv)</p>
<p>c) «bil» – kvifor berre éin l i norsk?</p>
</div></div>
<p class="subinst">A. «tak» vs. «takk».</p>
<textarea class="write-area" id="ta-9-a" placeholder="Skriv her..." oninput="nlWC(this,'wc-9-a')"></textarea>
<div class="word-count" id="wc-9-a">0 ord</div>
<p class="subinst">B. «mat» vs. «matt».</p>
<textarea class="write-area" id="ta-9-b" placeholder="Skriv her..." oninput="nlWC(this,'wc-9-b')"></textarea>
<div class="word-count" id="wc-9-b">0 ord</div>
<p class="subinst">C. Kvifor berre éin l i «bil».</p>
<textarea class="write-area" id="ta-9-c" placeholder="Skriv her..." oninput="nlWC(this,'wc-9-c')"></textarea>
<div class="word-count" id="wc-9-c">0 ord</div>
<div class="ex-controls">
<button class="btn-reset" onclick="this.closest('.ec').querySelectorAll('textarea.write-area').forEach(function(t){t.value='';var wc=t.parentElement.querySelector('#'+'wc-'+t.id.substring(3));if(wc){nlWC(t,wc.id);}})">Tøm felt</button>
<button class="btn-fasit" data-fasit="fasit-9">Vis fasit</button>
</div>
<div class="fasit-box" id="fasit-9"><div class="fb"><div class="fl">Fasit</div>
<p>a) Begge rette ord – ulik tyding: langt a i «tak», kort a i «takk».</p>
<p>b) «mat» (lang a, substantiv) vs. «matt» (kort a, adjektiv: sliten).</p>
<p>c) «bil» har lang i → berre éin l. «Bill» er engelsk.</p></div></div>
</div>
</div></div></div>
<!-- TEIKNSETTING -->
<div class="card" data-cat="teiknsetting">
<div class="ch">
<div class="ci" style="background:#EBF3FF;color:#1D6FD1">;:</div>
<div class="cm"><div class="ct"><span class="cn">Teiknsetting</span><div class="cbdg"><span class="exc">3 oppg.</span></div></div>
<p class="cd">Komma, sitatteikn, kolon og semikolon i praksis.</p></div>
<div class="ctog"><svg viewBox="0 0 24 24" fill="none"><polyline points="6 9 12 15 18 9"/></svg></div>
</div>
<div class="exlist"><div class="ei">
<button class="etog"><span class="etit">Kommaplassering: Set inn 7 komma</span><span class="b ok">Korrigere</span><span class="b dg">Lett</span><svg class="earr" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="9 18 15 12 9 6"/></svg></button>
<div class="ec">
<p class="inst"><strong>Set inn komma der det manglar. Det manglar 7 komma.</strong></p>
<div class="fix-area ibox" id="fix-10" contenteditable="true" spellcheck="false" data-original="Sjølv om det er kaldt ute bestemte vi oss for å gå tur. Vi tok med mat drikke og varme klede. Lena som er den raskaste i klassen sprang foran heile vegen. Når vi kom heim laga vi varm kakao og sette oss i sofaen. Det var ein fin dag men vi var veldig slitne etterpå." data-errors='{"ute bestemte":"ute, bestemte","mat drikke":"mat, drikke","Lena som":"Lena, som","klassen sprang":"klassen, sprang","heim laga":"heim, laga","dag men":"dag, men"}'>Sjølv om det er kaldt ute bestemte vi oss for å gå tur. Vi tok med mat drikke og varme klede. Lena som er den raskaste i klassen sprang foran heile vegen. Når vi kom heim laga vi varm kakao og sette oss i sofaen. Det var ein fin dag men vi var veldig slitne etterpå.</div>
<div class="ex-controls">
<button class="btn-check" data-check="fix" data-target="fix-10" data-score="score-10">Sjekk svar</button>
<button class="btn-reset" data-reset="fix" data-target="fix-10" data-score="score-10">Start på nytt</button>
<span class="ex-score" id="score-10"></span>
<button class="btn-fasit" data-fasit="fasit-10">Vis fasit</button>
</div>
<div class="fasit-box" id="fasit-10"><div class="fb"><div class="fl">Fasit</div>
<p>«ute<span class="ok2">,</span> bestemte» | «mat<span class="ok2">,</span> drikke og» | «Lena<span class="ok2">,</span> som…klassen<span class="ok2">,</span> sprang» | «heim<span class="ok2">,</span> laga» | «dag<span class="ok2">,</span> men»</p></div></div>
</div>
</div><div class="ei">
<button class="etog"><span class="etit">Hermeteikn: Korrekt sitatmarkering</span><span class="b ok">Korrigere</span><span class="b dm">Middels</span><svg class="earr" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="9 18 15 12 9 6"/></svg></button>
<div class="ec">
<p class="inst"><strong>Rett opp teiknsettinga kring sitata.</strong></p>
<div class="fix-area ibox" id="fix-11" contenteditable="true" spellcheck="false" data-original="1. Forskaren seier at plastforureining er eit globalt problem.
2. "Det finst ingen enkel løysing," skriv WWF, men vi kan alle bidra.
3. Rapporten konkluderer med at: mengda plast kan tredoble seg." data-errors='{"\"Det finst ingen enkel løysing,\"":"«Det finst ingen enkel løysing»,","at: mengda":"at mengda","seier at plastforureining er eit globalt problem":"seier at «plastforureining er eit globalt problem»"}'>1. Forskaren seier at plastforureining er eit globalt problem.
2. "Det finst ingen enkel løysing," skriv WWF, men vi kan alle bidra.
3. Rapporten konkluderer med at: mengda plast kan tredoble seg.</div>
<div class="ex-controls">
<button class="btn-check" data-check="fix" data-target="fix-11" data-score="score-11">Sjekk svar</button>
<button class="btn-reset" data-reset="fix" data-target="fix-11" data-score="score-11">Start på nytt</button>
<span class="ex-score" id="score-11"></span>
<button class="btn-fasit" data-fasit="fasit-11">Vis fasit</button>
</div>
<div class="fasit-box" id="fasit-11"><div class="fb"><div class="fl">Fasit</div>
<p>1. Forskaren seier at <span class="ok2">«plastforureining er eit globalt problem».</span></p>
<p>2. <span class="ok2">«Det finst ingen enkel løysing»,</span> skriv WWF… (komma etter sitatet, ikkje inni)</p>
<p>3. Kolon unødvendig her – fjern det.</p></div></div>
</div>
</div><div class="ei">
<button class="etog"><span class="etit">Kolon vs. semikolon: Vel rett teikn</span><span class="b of">Sortering</span><span class="b dm">Middels</span><svg class="earr" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="9 18 15 12 9 6"/></svg></button>
<div class="ec">
<p class="inst"><strong>Dra setningane til rett teikn: kolon (:) eller semikolon (;).</strong></p>
<div class="sort-ex" id="sort-12"
data-words='["1. Ho snakka om tre emne ... klima, plast og energi.","2. Det regnde heile dagen ... likevel gjekk vi tur.","3. Resultata viste eitt klart funn ... plastmengda hadde auka."]'
data-buckets='[{"id":"kolon","label":"Kolon (:)"},{"id":"semikolon","label":"Semikolon (;)"}]'
data-answers='{"1. Ho snakka om tre emne ... klima, plast og energi.":"kolon","2. Det regnde heile dagen ... likevel gjekk vi tur.":"semikolon","3. Resultata viste eitt klart funn ... plastmengda hadde auka.":"kolon"}'></div>
<p class="subinst">Hint: Kolon før oppramsing/forklaring, semikolon mellom sjølvstendige setningar.</p>
<div class="ex-controls">
<button class="btn-check" data-check="sort" data-target="sort-12" data-score="score-12">Sjekk svar</button>
<button class="btn-reset" data-reset="sort" data-target="sort-12" data-score="score-12">Start på nytt</button>
<span class="ex-score" id="score-12"></span>
<button class="btn-fasit" data-fasit="fasit-12">Vis fasit</button>
</div>
<div class="fasit-box" id="fasit-12"><div class="fb"><div class="fl">Fasit</div>
<p>1. <span class="ok2">:</span> (kolon før oppramsing) | 2. <span class="ok2">;</span> (semikolon mellom sjølvstendige setningar) | 3. <span class="ok2">:</span> (kolon = «det vil seie»)</p></div></div>
</div>
</div></div></div>
<!-- SÆRSKRIVING OG SAMANSETJING -->
<div class="card" data-cat="saerskriving-samansetjing">
<div class="ch">
<div class="ci" style="background:#EBF3FF;color:#1D6FD1">ord</div>
<div class="cm"><div class="ct"><span class="cn">Særskriving og samansetjing</span><div class="cbdg"><span class="exc">3 oppg.</span></div></div>
<p class="cd">Når skal ord stå saman, og når kan dei stå kvar for seg?</p></div>
<div class="ctog"><svg viewBox="0 0 24 24" fill="none"><polyline points="6 9 12 15 18 9"/></svg></div>
</div>
<div class="exlist"><div class="ei">
<button class="etog"><span class="etit">Feilretting: Særskriving i elevtekst</span><span class="b ok">Korrigere</span><span class="b dg">Lett</span><svg class="earr" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="9 18 15 12 9 6"/></svg></button>
<div class="ec">
<p class="inst"><strong>Finn og rett dei sju særskrivingsfeilane.</strong></p>
<div class="fix-area ibox" id="fix-13" contenteditable="true" spellcheck="false" data-original="Kvart år kastast enorme mengder hav plast i sjøen. Sjø dyr som kval og sel set seg fast i plast bitar. Forskarar frå hav forskings instituttet åtvarar om situasjonen. Det er berre ein hoved grunn: forsøpling frå land og hav bruk." data-errors='{"hav plast":"havplast","Sjø dyr":"Sjødyr","plast bitar":"plastbitar","hav forskings instituttet":"Havforskingsinstituttet","hoved grunn":"hovudgrunn","hav bruk":"havbruk"}'>Kvart år kastast enorme mengder hav plast i sjøen. Sjø dyr som kval og sel set seg fast i plast bitar. Forskarar frå hav forskings instituttet åtvarar om situasjonen. Det er berre ein hoved grunn: forsøpling frå land og hav bruk.</div>
<div class="ex-controls">
<button class="btn-check" data-check="fix" data-target="fix-13" data-score="score-13">Sjekk svar</button>
<button class="btn-reset" data-reset="fix" data-target="fix-13" data-score="score-13">Start på nytt</button>
<span class="ex-score" id="score-13"></span>
<button class="btn-fasit" data-fasit="fasit-13">Vis fasit</button>
</div>
<div class="fasit-box" id="fasit-13"><div class="fb"><div class="fl">Fasit</div>
<p>hav plast→<span class="ok2">havplast</span> | Sjø dyr→<span class="ok2">Sjødyr</span> | plast bitar→<span class="ok2">plastbitar</span> | hav forsknings instituttet→<span class="ok2">Havforskingsinstituttet</span> | hoved grunn→<span class="ok2">hovudgrunn</span> | hav bruk→<span class="ok2">havbruk</span></p></div></div>
</div>
</div><div class="ei">
<button class="etog"><span class="etit">Byggjeoppgåve: Lag samansette ord</span><span class="b ob">Byggje</span><span class="b dg">Lett</span><svg class="earr" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="9 18 15 12 9 6"/></svg></button>
<div class="ec">
<p class="inst"><strong>Kombiner orda til samansette ord (eitt ord).</strong></p>
<div class="ibox fill-text" id="fill-14">
<p>1. ski + bane = <input class="blank-input" data-ans='["skibane"]' placeholder="___" autocomplete="off"></p>
<p>2. snø + fall = <input class="blank-input" data-ans='["snøfall"]' placeholder="___" autocomplete="off"></p>
<p>3. klima + endring = <input class="blank-input" data-ans='["klimaendring"]' placeholder="___" autocomplete="off"></p>
<p>4. miljø + problem = <input class="blank-input" data-ans='["miljøproblem"]' placeholder="___" autocomplete="off"></p>
<p>5. sosiale + medium = <input class="blank-input" data-ans='["sosiale medium"]' placeholder="___" autocomplete="off"></p>
<p>6. hav + botn = <input class="blank-input" data-ans='["havbotn"]' placeholder="___" autocomplete="off"></p>
</div>
<div class="ex-controls">
<button class="btn-check" data-check="fill" data-target="fill-14" data-score="score-14">Sjekk svar</button>
<button class="btn-reset" data-reset="fill" data-target="fill-14" data-score="score-14">Start på nytt</button>
<span class="ex-score" id="score-14"></span>
<button class="btn-fasit" data-fasit="fasit-14">Vis fasit</button>
</div>
<div class="fasit-box" id="fasit-14"><div class="fb"><div class="fl">Fasit</div>
<p>skibane | snøfall | klimaendring | miljøproblem | sosiale medium (to ord i nynorsk) | havbotn</p></div></div>
</div>
</div><div class="ei">
<button class="etog"><span class="etit">Analyse: Eitt eller to ord?</span><span class="b oa">Sortering</span><span class="b dm">Middels</span><svg class="earr" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="9 18 15 12 9 6"/></svg></button>
<div class="ec">
<p class="inst"><strong>Dra kvar form til rett bøtte:</strong> er det ei samansetjing med éin fast tyding, eller to ord som beskriv kvar for seg?</p>
<div class="sort-ex" id="sort-15"
data-words='["goddag","god dag","mørkerød","mørk rød","storby","stor by"]'
data-buckets='[{"id":"saman","label":"Samansetjing (éin fast tyding)"},{"id":"tooord","label":"To ord (beskriving)"}]'
data-answers='{"goddag":"saman","god dag":"tooord","mørkerød":"saman","mørk rød":"tooord","storby":"saman","stor by":"tooord"}'></div>
<div class="ex-controls">
<button class="btn-check" data-check="sort" data-target="sort-15" data-score="score-15">Sjekk svar</button>
<button class="btn-reset" data-reset="sort" data-target="sort-15" data-score="score-15">Start på nytt</button>
<span class="ex-score" id="score-15"></span>
<button class="btn-fasit" data-fasit="fasit-15">Vis fasit</button>
</div>
<div class="fasit-box" id="fasit-15"><div class="fb"><div class="fl">Fasit</div>
<p><span class="ok2">Samansetjing:</span> goddag (fast hilsing), mørkerød (éin farge), storby (fast omgrep – særskild type by).</p>
<p><span class="ok2">To ord:</span> god dag (adjektiv + subst.), mørk rød (to eigenskapar), stor by (beskriving av storleik).</p></div></div>
</div>
</div></div></div>
<!-- ORDKLASSE -->
<div class="card" data-cat="ordklasse">
<div class="ch">
<div class="ci" style="background:#EBF3FF;color:#1D6FD1">Aa</div>
<div class="cm"><div class="ct"><span class="cn">Ordklasse</span><div class="cbdg"><span class="exc">5 oppg.</span></div></div>
<p class="cd">Sorter og identifiser substantiv, verb, adjektiv, adverb og meir.</p></div>
<div class="ctog"><svg viewBox="0 0 24 24" fill="none"><polyline points="6 9 12 15 18 9"/></svg></div>
</div>
<div class="exlist"><div class="ei">
<button class="etog"><span class="etit">Sorteringsoppgåve: 16 ord i rett klasse</span><span class="b oi">Identifisere</span><span class="b dg">Lett</span><svg class="earr" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="9 18 15 12 9 6"/></svg></button>
<div class="ec">
<p class="inst"><strong>Dra orda frå ordbanken ned i rett ordklasse-bøtte.</strong> På mobil: trykk eit ord, så ei bøtte.</p>
<div class="sort-ex" id="sort-16"
data-words='["raskt","hus","løpe","grøn","men","ho","fordi","stille","bok","skrive","stor","alltid","fjell","glad","og","søte"]'
data-buckets='[{"id":"substantiv","label":"Substantiv"},{"id":"verb","label":"Verb"},{"id":"adjektiv","label":"Adjektiv"},{"id":"adverb","label":"Adverb"},{"id":"pronomen","label":"Pronomen"},{"id":"bindeord","label":"Bindeord"}]'
data-answers='{"raskt":"adverb","hus":"substantiv","løpe":"verb","grøn":"adjektiv","men":"bindeord","ho":"pronomen","fordi":"bindeord","stille":"adverb","bok":"substantiv","skrive":"verb","stor":"adjektiv","alltid":"adverb","fjell":"substantiv","glad":"adjektiv","og":"bindeord","søte":"adjektiv"}'></div>
<div class="ex-controls">
<button class="btn-check" data-check="sort" data-target="sort-16" data-score="score-16">Sjekk svar</button>
<button class="btn-reset" data-reset="sort" data-target="sort-16" data-score="score-16">Start på nytt</button>
<span class="ex-score" id="score-16"></span>
<button class="btn-fasit" data-fasit="fasit-16">Vis fasit</button>
</div>
<div class="fasit-box" id="fasit-16"><div class="fb"><div class="fl">Fasit</div>
<p>Subst: hus, bok, fjell | Verb: løpe, skrive | Adj: grøn, stor, glad, søte | Adv: raskt, stille, alltid | Pron: ho | Bindeord: men, og, fordi</p></div></div>
</div>
</div><div class="ei">
<button class="etog"><span class="etit">Markering: Finn alle substantiva</span><span class="b oi">Identifisere</span><span class="b dg">Lett</span><svg class="earr" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="9 18 15 12 9 6"/></svg></button>
<div class="ec">
<p class="inst"><strong>Klikk på alle substantiva i ordstripa (10 stk).</strong></p>
<div class="mark-area" id="mark-17" data-score="score-17" data-answers='["havet","plast","forskarar","verda","løysingar","problemet","søppel","sjøen","dyr","fuglar"]'>
<span class="mark-item" data-key="havet">havet</span>
<span class="mark-item" data-key="er">er</span>
<span class="mark-item" data-key="fullt">fullt</span>
<span class="mark-item" data-key="av">av</span>
<span class="mark-item" data-key="plast">plast</span>
<span class="mark-item" data-key="forskarar">forskarar</span>
<span class="mark-item" data-key="frå">frå</span>
<span class="mark-item" data-key="heile">heile</span>
<span class="mark-item" data-key="verda">verda</span>
<span class="mark-item" data-key="jobbar">jobbar</span>
<span class="mark-item" data-key="for">for</span>
<span class="mark-item" data-key="å">å</span>
<span class="mark-item" data-key="finne">finne</span>
<span class="mark-item" data-key="gode">gode</span>
<span class="mark-item" data-key="løysingar">løysingar</span>
<span class="mark-item" data-key="på">på</span>
<span class="mark-item" data-key="problemet">problemet</span>
<span class="mark-item" data-key="kvart">kvart</span>
<span class="mark-item" data-key="år">år</span>
<span class="mark-item" data-key="hamnar">hamnar</span>
<span class="mark-item" data-key="millionar">millionar</span>
<span class="mark-item" data-key="tonn">tonn</span>
<span class="mark-item" data-key="søppel">søppel</span>
<span class="mark-item" data-key="sjøen">sjøen</span>
<span class="mark-item" data-key="øydelegg">øydelegg</span>
<span class="mark-item" data-key="livet">livet</span>
<span class="mark-item" data-key="for">for</span>
<span class="mark-item" data-key="mange">mange</span>
<span class="mark-item" data-key="dyr">dyr</span>
<span class="mark-item" data-key="fuglar">fuglar</span>
</div>
<div class="ex-controls">
<button class="btn-check" data-check="mark" data-target="mark-17" data-score="score-17">Sjekk svar</button>
<button class="btn-reset" data-reset="mark" data-target="mark-17" data-score="score-17">Start på nytt</button>
<span class="ex-score" id="score-17"></span>
<button class="btn-fasit" data-fasit="fasit-17">Vis fasit</button>
</div>
<div class="fasit-box" id="fasit-17"><div class="fb"><div class="fl">Fasit</div>
<p>havet, plast, forskarar, verda, løysingar, problemet, søppel, sjøen, dyr, fuglar</p></div></div>
</div>
</div><div class="ei">
<button class="etog"><span class="etit">Analyse: Kva ordklasse i konteksten?</span><span class="b oa">Sortering</span><span class="b dm">Middels</span><svg class="earr" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="9 18 15 12 9 6"/></svg></button>
<div class="ec">
<p class="inst"><strong>Dra kvar setning til rett ordklasse for det [markerte] ordet.</strong></p>
<div class="sort-ex" id="sort-18"
data-words='["a) Vi gjekk ein [lang] tur.","b) Bussen er [lang] forseinka.","c) Dei [raske] elevane vann.","d) Ho sprang [raskt] heim."]'
data-buckets='[{"id":"adjektiv","label":"Adjektiv"},{"id":"adverb","label":"Adverb"}]'
data-answers='{"a) Vi gjekk ein [lang] tur.":"adjektiv","b) Bussen er [lang] forseinka.":"adverb","c) Dei [raske] elevane vann.":"adjektiv","d) Ho sprang [raskt] heim.":"adverb"}'></div>
<p class="subinst">Tenk: Beskriv ordet eit substantiv (adjektiv), eller eit verb/adjektiv (adverb)?</p>
<div class="ex-controls">
<button class="btn-check" data-check="sort" data-target="sort-18" data-score="score-18">Sjekk svar</button>
<button class="btn-reset" data-reset="sort" data-target="sort-18" data-score="score-18">Start på nytt</button>
<span class="ex-score" id="score-18"></span>
<button class="btn-fasit" data-fasit="fasit-18">Vis fasit</button>
</div>
<div class="fasit-box" id="fasit-18"><div class="fb"><div class="fl">Fasit</div>
<p>a) adjektiv (beskriv «tur») | b) adverb (beskriv «forseinka») | c) adjektiv | d) adverb</p></div></div>
</div>
</div><div class="ei">
<button class="etog"><span class="etit">V1-import: Ordklassejakt med kolonnar</span><span class="b oa">Sortering</span><span class="b dg">Lett</span><svg class="earr" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="9 18 15 12 9 6"/></svg></button>
<div class="ec">
<p class="inst"><strong>Sorter orda i rett ordklasse-kolonne.</strong> Dette er henta frå V1-stilen med raske kolonneval.</p>
<div class="sort-ex" id="sort-95"
data-words='["løper","huset","hurtig","under","dei","vakker","fordi","kunnskap"]'
data-buckets='[{"id":"verb","label":"Verb"},{"id":"substantiv","label":"Substantiv"},{"id":"adjektiv","label":"Adjektiv"},{"id":"adverb","label":"Adverb"},{"id":"preposisjon","label":"Preposisjon"},{"id":"pronomen","label":"Pronomen"},{"id":"bindeord","label":"Bindeord"}]'
data-answers='{"løper":"verb","huset":"substantiv","hurtig":"adverb","under":"preposisjon","dei":"pronomen","vakker":"adjektiv","fordi":"bindeord","kunnskap":"substantiv"}'></div>
<div class="ex-controls">
<button class="btn-check" data-check="sort" data-target="sort-95" data-score="score-95">Sjekk svar</button>
<button class="btn-reset" data-reset="sort" data-target="sort-95" data-score="score-95">Start på nytt</button>
<span class="ex-score" id="score-95"></span>
<button class="btn-fasit" data-fasit="fasit-95">Vis fasit</button>
</div>
<div class="fasit-box" id="fasit-95"><div class="fb"><div class="fl">Fasit</div>
<p>Verb: løper | Substantiv: huset, kunnskap | Adjektiv: vakker | Adverb: hurtig | Preposisjon: under | Pronomen: dei | Bindeord: fordi</p></div></div>
</div>
</div><div class="ei">
<button class="etog"><span class="etit">V1-import: Fleirval om ordklasse</span><span class="b oi">Identifisere</span><span class="b dg">Lett</span><svg class="earr" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="9 18 15 12 9 6"/></svg></button>
<div class="ec">
<p class="inst"><strong>Kva ordklasse har det utheva ordet i setninga:</strong> «Elevane arbeider <em>systematisk</em> med teksten.»</p>
<div class="mcq-area" id="mc-96" data-score="score-96" data-answer="2">
<label class="mcq-opt"><input type="radio" name="mc-96" value="0"> Substantiv</label>
<label class="mcq-opt"><input type="radio" name="mc-96" value="1"> Adjektiv</label>
<label class="mcq-opt"><input type="radio" name="mc-96" value="2"> Adverb</label>
<label class="mcq-opt"><input type="radio" name="mc-96" value="3"> Pronomen</label>
</div>
<div class="ex-controls">
<button class="btn-check" data-check="mc" data-target="mc-96" data-score="score-96">Sjekk svar</button>
<button class="btn-reset" data-reset="mc" data-target="mc-96" data-score="score-96">Start på nytt</button>
<span class="ex-score" id="score-96"></span>
<button class="btn-fasit" data-fasit="fasit-96">Vis fasit</button>
</div>
<div class="fasit-box" id="fasit-96"><div class="fb"><div class="fl">Fasit</div><p><span class="ok2">Adverb</span> (systematisk seier noko om korleis elevane arbeider).</p></div></div>
</div>
</div></div></div>
<!-- OPPGÅVEFORSTÅING -->
<div class="card" data-cat="oppgaveforstaing">
<div class="ch">
<div class="ci" style="background:#EBF3FF;color:#1D6FD1">?</div>
<div class="cm"><div class="ct"><span class="cn">Oppgåveforståing</span><div class="cbdg"><span class="exc">3 oppg.</span></div></div>
<p class="cd">Tolk oppgåvetekst, finn nøkkelord, og planlegg svar med rett verbnivå.</p></div>
<div class="ctog"><svg viewBox="0 0 24 24" fill="none"><polyline points="6 9 12 15 18 9"/></svg></div>
</div>
<div class="exlist"><div class="ei">
<button class="etog"><span class="etit">Nøkkelordanalyse: Kva seier oppgåva?</span><span class="b oi">Identifisere</span><span class="b dg">Lett</span><svg class="earr" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="9 18 15 12 9 6"/></svg></button>
<div class="ec">
<p class="inst"><strong>Klikk på nøkkelorda som styrer svaret ditt.</strong></p>
<div class="mark-area" id="mark-19" data-score="score-19" data-answers='["grei ut om","grunnane","konsekvensar","drøft"]'>
<span class="mark-item" data-key="grei ut om">Grei ut om</span>
<span class="mark-item" data-key="plastforureining">plastforureining</span>
<span class="mark-item" data-key="grunnane">grunnane</span>
<span class="mark-item" data-key="havet">havet</span>
<span class="mark-item" data-key="konsekvensar">konsekvensar</span>
<span class="mark-item" data-key="livet under vatn">livet under vatn</span>
<span class="mark-item" data-key="drøft">Drøft</span>
<span class="mark-item" data-key="må til">må til</span>
<span class="mark-item" data-key="løyse problemet">løyse problemet</span>
</div>
<div class="ex-controls">
<button class="btn-check" data-check="mark" data-target="mark-19" data-score="score-19">Sjekk svar</button>
<button class="btn-reset" data-reset="mark" data-target="mark-19" data-score="score-19">Start på nytt</button>
<span class="ex-score" id="score-19"></span>
<button class="btn-fasit" data-fasit="fasit-19">Vis fasit</button>
</div>
<div class="fasit-box" id="fasit-19"><div class="fb"><div class="fl">Fasit</div>
<p>Nøkkelord: <span class="ok2">Grei ut om</span> (forklar/presenter) | <span class="ok2">grunnane</span> (årsaker) | <span class="ok2">konsekvensar</span> (følgjer) | <span class="ok2">Drøft</span> (argumenter for og mot, ta stilling)</p>
<p class="note">Oppgåva krev tre ting: (1) årsaker, (2) konsekvensar, (3) drøfting av løysingar.</p></div></div>
</div>
</div><div class="ei">
<button class="etog"><span class="etit">Planlegge: Disposisjon frå oppgåvetekst</span><span class="b ob">Byggje</span><span class="b dm">Middels</span><svg class="earr" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="9 18 15 12 9 6"/></svg></button>
<div class="ec">
<p class="inst"><strong>Lag ein disposisjon med temasetning for kvart avsnitt</strong> basert på oppgåveteksten.</p>
<p class="box box-inline">«Skriv ein fagartikkel om korleis språket til ungdom vert påverka av sosiale medium. Sjå på både positive og negative sider.»</p>
<textarea class="write-area" id="ta-20" placeholder="Skriv her..." oninput="nlWC(this,'wc-20')"></textarea>
<div class="word-count" id="wc-20">0 ord</div>
<div class="ex-controls">
<button class="btn-reset" onclick="this.closest('.ec').querySelectorAll('textarea.write-area').forEach(function(t){t.value='';var wc=t.parentElement.querySelector('#'+'wc-'+t.id.substring(3));if(wc){nlWC(t,wc.id);}})">Tøm felt</button>
<button class="btn-fasit" data-fasit="fasit-20">Vis rettleiing</button>
</div>
<div class="fasit-box" id="fasit-20"><div class="fb"><div class="fl">Rettleiing</div>
<p>Innleiing: Presenter tema (kva er sosiale medium + ungdomsspråk?)</p>
<p>Avsnitt 1: Positive sider (kreativitet, ny slang, identitet)</p>
<p>Avsnitt 2: Negative sider (stygt språk, påverknad frå engelsk, hatkommentarar)</p>
<p>Avslutting: Heilskapsvurdering – er påverknaden god eller dårleg?</p></div></div>
</div>
</div><div class="ei">
<button class="etog"><span class="etit">Analyse: Kva krev desse verba?</span><span class="b oa">Sortering</span><span class="b dm">Middels</span><svg class="earr" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="9 18 15 12 9 6"/></svg></button>
<div class="ec">
<p class="inst"><strong>Match forklaring med rett oppgåveverb.</strong></p>
<div class="sort-ex" id="sort-21"
data-words='["Sei korleis noko ser ut / er – ingen vurdering","Sei kvifor / korleis – årsak og samanheng","Sjå begge sider, veg argument, ta stilling","Gi ein grundig og strukturert presentasjon","Gi ei grunngitt meining eller dom"]'
data-buckets='[{"id":"beskriv","label":"Beskriv"},{"id":"forklar","label":"Forklar"},{"id":"droft","label":"Drøft"},{"id":"greiut","label":"Grei ut om"},{"id":"vurder","label":"Vurder"}]'
data-answers='{"Sei korleis noko ser ut / er – ingen vurdering":"beskriv","Sei kvifor / korleis – årsak og samanheng":"forklar","Sjå begge sider, veg argument, ta stilling":"droft","Gi ein grundig og strukturert presentasjon":"greiut","Gi ei grunngitt meining eller dom":"vurder"}'></div>
<div class="ex-controls">
<button class="btn-check" data-check="sort" data-target="sort-21" data-score="score-21">Sjekk svar</button>
<button class="btn-reset" data-reset="sort" data-target="sort-21" data-score="score-21">Start på nytt</button>
<span class="ex-score" id="score-21"></span>
<button class="btn-fasit" data-fasit="fasit-21">Vis fasit</button>
</div>
<div class="fasit-box" id="fasit-21"><div class="fb"><div class="fl">Fasit</div>
<p>a) Beskriv: Sei korleis noko ser ut / er – ingen vurdering.</p>
<p>b) Forklar: Sei kvifor / korleis – årsak og samanheng.</p>
<p>c) Drøft: Sjå begge sider, veg argument, ta stilling.</p>
<p>d) Grei ut om: Gi ein grundig og strukturert presentasjon.</p>
<p>e) Vurder: Gi ei grunngitt meining/dom.</p></div></div>
</div>
</div></div></div>
</div></section>
<!-- ══ GRUPPE 2: SETNINGSBYGGING ══ -->
<section class="grp">
<div class="glabel"><div class="gdot" style="background:#1A7A50"></div><h2>Setningsbygging</h2><span class="gcnt">4 kategoriar</span></div>
<div class="grid">
<!-- SETNINGSBYGGING -->
<div class="card" data-cat="setningsbygging">
<div class="ch">
<div class="ci" style="background:#E8F5EE;color:#1A7A50">S→</div>
<div class="cm"><div class="ct"><span class="cn">Setningsbygging</span><div class="cbdg"><span class="exc">4 oppg.</span></div></div>
<p class="cd">Klipp løpande setningar, varier opningar, slå saman og analyser rytme.</p></div>
<div class="ctog"><svg viewBox="0 0 24 24" fill="none"><polyline points="6 9 12 15 18 9"/></svg></div>
</div>
<div class="exlist">
<div class="ei">
<button class="etog"><span class="etit">Klippeoppgåve: Del opp løpande setningar</span><span class="b ok">Korrigere</span><span class="b dg">Lett</span><svg class="earr" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="9 18 15 12 9 6"/></svg></button>
<div class="ec">
<p class="inst"><strong>Del teksten i kortare, klårare setningar. Endre gjerne litt på orda.</strong></p>
<div class="fix-area ibox" id="fix-22" contenteditable="true" spellcheck="false" data-original="Plast i havet er eit stort problem og det er fordi dyr trur at plasten er mat og då et dei det og då kan dei bli sjuke og døy og det er veldig trist og vi burde gjere noko med det og alle kan bidra og det er ikkje så vanskeleg eigentleg." data-errors='{}'>Plast i havet er eit stort problem og det er fordi dyr trur at plasten er mat og då et dei det og då kan dei bli sjuke og døy og det er veldig trist og vi burde gjere noko med det og alle kan bidra og det er ikkje så vanskeleg eigentleg.</div>
<div class="ex-controls">
<button class="btn-check" data-check="fix" data-target="fix-22" data-score="score-22">Sjekk svar</button>
<button class="btn-reset" data-reset="fix" data-target="fix-22" data-score="score-22">Start på nytt</button>
<span class="ex-score" id="score-22"></span>
<button class="btn-fasit" data-fasit="fasit-22">Vis fasit</button>
</div>
<div class="fasit-box" id="fasit-22"><div class="fb"><div class="fl">Mogleg versjon</div>
<p>Plast i havet er eit stort problem. Dyr trur at plasten er mat og et han – og kan bli sjuke eller døy. Dette er alvorleg. Heldigvis kan alle bidra til å løyse problemet.</p></div></div>
</div>
</div><div class="ei">
<button class="etog"><span class="etit">Start setninga på ulike måtar</span><span class="b oo">Omskrive</span><span class="b dm">Middels</span><svg class="earr" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="9 18 15 12 9 6"/></svg></button>
<div class="ec">
<p class="inst"><strong>Skriv om kvar setning slik at ho ikkje startar med subjektet.</strong> Bruk eit adverbial, tidsuttrykk eller leddsetning som opning.</p>
<div class="multi-inputs">
<div class="mi-row">
<div class="mi-prompt mono">Forskarar har funne plast heilt ned til 2000 meters djup.</div>
<textarea class="mi-input" id="ta-23a" rows="2" placeholder="Di omskriving…" oninput="nlWC(this,'wc-23a')"></textarea>
<div class="word-count" id="wc-23a">0 ord</div>
</div>
<div class="mi-row">
<div class="mi-prompt mono">Plastmengda kan tredoble seg innan 2040, ifølgje FN.</div>
<textarea class="mi-input" id="ta-23b" rows="2" placeholder="Di omskriving…" oninput="nlWC(this,'wc-23b')"></textarea>
<div class="word-count" id="wc-23b">0 ord</div>
</div>
<div class="mi-row">
<div class="mi-prompt mono">Mange unge byrjar å bruke sosiale medium allereie ved 13-årsalderen.</div>
<textarea class="mi-input" id="ta-23c" rows="2" placeholder="Di omskriving…" oninput="nlWC(this,'wc-23c')"></textarea>
<div class="word-count" id="wc-23c">0 ord</div>
</div>
</div>
<div class="ex-controls">
<button class="btn-reset" onclick="this.closest('.ec').querySelectorAll('textarea').forEach(function(t){t.value='';})">Tøm felt</button>
<button class="btn-fasit" data-fasit="fasit-23">Vis mogleg svar</button>
</div>
<div class="fasit-box" id="fasit-23"><div class="fb"><div class="fl">Moglege versjonar</div>
<p>1. <em>Heilt ned til 2000 meters djup</em> har forskarar funne plast.</p>
<p>2. <em>Ifølgje FN</em> kan plastmengda tredoble seg innan 2040.</p>
<p>3. <em>Allereie ved 13-årsalderen</em> byrjar mange unge å bruke sosiale medium.</p>
<p class="note">Regel: Flytt eit adverbial, tidsuttrykk eller ei leddsetning til opninga av setninga. Verbet kjem alltid rett etter det innleiande leddet.</p></div></div>
</div>
</div><div class="ei">
<button class="etog"><span class="etit">Kombinasjonsoppgåve: Slå saman tre setningar</span><span class="b ob">Byggje</span><span class="b dm">Middels</span><svg class="earr" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="9 18 15 12 9 6"/></svg></button>
<div class="ec">
<p class="inst"><strong>Slå saman dei tre setningane til éi flytande setning</strong> med bindeord og relativpronomen.</p>
<div class="ibox"><div class="box">
<p>1. Han er forskar. Han arbeider ved universitetet. Han studerer plastforureining.</p>
<p>2. Kunstsnø består av vatn. Vatnet vert sprøyta ut. Då frys det til is.</p>
</div></div>
<textarea class="write-area" id="ta-24" placeholder="Skriv her..." oninput="nlWC(this,'wc-24')"></textarea>
<div class="word-count" id="wc-24">0 ord</div>
<div class="ex-controls">
<button class="btn-reset" onclick="this.closest('.ec').querySelectorAll('textarea.write-area').forEach(function(t){t.value='';var wc=t.parentElement.querySelector('#'+'wc-'+t.id.substring(3));if(wc){nlWC(t,wc.id);}})">Tøm felt</button>
<button class="btn-fasit" data-fasit="fasit-24">Vis fasit</button>
</div>
<div class="fasit-box" id="fasit-24"><div class="fb"><div class="fl">Mogleg fasit</div>
<p>1. Han er forskar <span class="ok2">som</span> arbeider ved universitetet og studerer plastforureining.</p>
<p>2. Kunstsnø består av vatn <span class="ok2">som</span> vert sprøyta ut gjennom ei dyse, <span class="ok2">der</span> det frys til is.</p></div></div>
</div>
</div><div class="ei">
<button class="etog"><span class="etit">Rytmeanalyse: Kva versjon er best?</span><span class="b oi">Identifisere</span><span class="b da">Vidarekomande</span><svg class="earr" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="9 18 15 12 9 6"/></svg></button>
<div class="ec">
<p class="inst"><strong>Les begge versjonane høgt – kva har betre rytme og flyt?</strong></p>
<div class="ibox"><div class="cols">
<div><h4>Versjon A</h4><p>Plast er eit problem. Plast er overalt. Plast drep dyr. Vi må stoppe plasten. Plast er farleg.</p></div>
<div><h4>Versjon B</h4><p>Plast finst overalt – frå fjelltopper til havbotn. Det bryt ned til mikropartiklar, set seg i magen på dyr og trugar heile næringskjeda. Vi kan ikkje vente lenger.</p></div>
</div></div>
<div class="mcq-area" id="mc-25" data-score="score-25" data-answer="1">
<label class="mcq-opt"><input type="radio" name="mc-25" value="0"> Versjon A har betre rytme og flyt.</label>
<label class="mcq-opt"><input type="radio" name="mc-25" value="1"> Versjon B har betre rytme og flyt.</label>
</div>
<div class="ex-controls">
<button class="btn-check" data-check="mc" data-target="mc-25" data-score="score-25">Sjekk svar</button>
<button class="btn-reset" data-reset="mc" data-target="mc-25" data-score="score-25">Start på nytt</button>
<span class="ex-score" id="score-25"></span>
<button class="btn-fasit" data-fasit="fasit-25">Vis rettleiing</button>
</div>
<div class="fasit-box" id="fasit-25"><div class="fb"><div class="fl">Rettleiing</div>
<p><span class="ok2">B</span> er betre: varierte setningslengder gir rytme (lang–lang–kort). Unngår eintonig gjentaking av «plast» som subjekt. «Frå fjelltopper til havbotn» gir biletleg styrke.</p></div></div>
</div>
</div></div></div>
<!-- ÅRSAK OG SAMANHENG -->
<div class="card" data-cat="aarsak-samanheng">
<div class="ch">
<div class="ci" style="background:#E8F5EE;color:#1A7A50">⇄</div>
<div class="cm"><div class="ct"><span class="cn">Årsak og samanheng</span><div class="cbdg"><span class="exc">3 oppg.</span></div></div>
<p class="cd">Årsak–verknad-kjeder, kausaluttrykk og logisk kopling mellom ledd.</p></div>
<div class="ctog"><svg viewBox="0 0 24 24" fill="none"><polyline points="6 9 12 15 18 9"/></svg></div>
</div>
<div class="exlist"><div class="ei">
<button class="etog"><span class="etit">Koplingsoppgåve: Match årsak og verknad</span><span class="b oi">Identifisere</span><span class="b dg">Lett</span><svg class="earr" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="9 18 15 12 9 6"/></svg></button>
<div class="ec">
<p class="inst"><strong>Kopl årsak med rett verknad (1→? / 2→? / 3→? / 4→?), og skriv éi av para saman til ei setning med eit kausaluttrykk.</strong></p>
<div class="ibox"><div class="cols">
<div><h4>Årsak</h4>
<p>1. Plast bryt sakte ned</p>
<p>2. Klima vert varmare</p>
<p>3. Fisken et plast</p>
<p>4. Ungdom brukar sosiale medium</p>
</div>
<div><h4>Verknad</h4>
<p>A. Dei utviklar eit skeivt sjølvbilete gjennom samanlikning med redigerte bilete</p>
<p>B. Snøsesongen vert kortare og isen smeltar raskare</p>
<p>C. Giftstoff spreier seg oppover i næringskjeda</p>
<p>D. Mikroplast hoppar seg opp i dyr og jordsmonn i tusenvis av år</p>
</div>
</div></div>
<textarea class="write-area" id="ta-30" placeholder="Skriv koplinga (t.d. 1→D) og éi fullstendig kausalsetning…" oninput="nlWC(this,'wc-30')"></textarea>
<div class="word-count" id="wc-30">0 ord</div>
<div class="ex-controls">
<button class="btn-reset" onclick="this.closest('.ec').querySelectorAll('textarea.write-area').forEach(function(t){t.value='';var wc=document.getElementById('wc-'+t.id.substring(3));if(wc)wc.textContent='0 ord';})">Tøm felt</button>
<button class="btn-fasit" data-fasit="fasit-30">Vis fasit</button>
</div>
<div class="fasit-box" id="fasit-30"><div class="fb"><div class="fl">Fasit</div>
<p>1→D | 2→B | 3→C | 4→A</p>
<p>Eks: «Klimaet vert varmare, og <span class="ok2">som følgje av det</span> vert snøsesongen kortare.»</p></div></div>
</div>
</div><div class="ei">
<button class="etog"><span class="etit">Fylloppgåve: Kausaluttrykk</span><span class="b of">Fylloppgåve</span><span class="b dm">Middels</span><svg class="earr" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="9 18 15 12 9 6"/></svg></button>
<div class="ec">
<p class="inst"><strong>Vel rett kausaluttrykk i kvar setning.</strong></p>
<div class="ibox" id="fill-31">
<div class="mcq-area" id="mc-31-1" data-answer="1">
<p>1. Temperaturen stig, ___ isen smeltar raskare.</p>
<label class="mcq-opt"><input type="radio" name="mc-31-1" value="0"> difor</label>
<label class="mcq-opt"><input type="radio" name="mc-31-1" value="1"> noko som fører til</label>
<label class="mcq-opt"><input type="radio" name="mc-31-1" value="2"> likevel</label>
</div>
<div class="mcq-area" id="mc-31-2" data-answer="0">
<p>2. ___ klimaendringa er snøsesongen kortare enn på 1970-talet.</p>
<label class="mcq-opt"><input type="radio" name="mc-31-2" value="0"> Som følgje av</label>
<label class="mcq-opt"><input type="radio" name="mc-31-2" value="1"> Trass i</label>
<label class="mcq-opt"><input type="radio" name="mc-31-2" value="2"> Derimot</label>
</div>
<div class="mcq-area" id="mc-31-3" data-answer="2">
<p>3. Plasten er vanskeleg å sjå ___ fisken forvekslar han med mat.</p>
<label class="mcq-opt"><input type="radio" name="mc-31-3" value="0"> derfor</label>
<label class="mcq-opt"><input type="radio" name="mc-31-3" value="1"> men</label>
<label class="mcq-opt"><input type="radio" name="mc-31-3" value="2"> sidan</label>
</div>
<div class="mcq-area" id="mc-31-4" data-answer="1">
<p>4. Bruken av KI aukar kraftig. ___ er det viktig å lære om tryggleik.</p>
<label class="mcq-opt"><input type="radio" name="mc-31-4" value="0"> Til dømes</label>
<label class="mcq-opt"><input type="radio" name="mc-31-4" value="1"> Difor</label>
<label class="mcq-opt"><input type="radio" name="mc-31-4" value="2"> Samstundes</label>
</div>
</div>
<div class="ex-controls">
<button class="btn-check" data-check="mcset" data-target="fill-31" data-score="score-31">Sjekk svar</button>
<button class="btn-reset" data-reset="mcset" data-target="fill-31" data-score="score-31">Start på nytt</button>
<span class="ex-score" id="score-31"></span>
<button class="btn-fasit" data-fasit="fasit-31">Vis fasit</button>
</div>
<div class="fasit-box" id="fasit-31"><div class="fb"><div class="fl">Fasit</div>
<p>1. noko som fører til | 2. Som følgje av | 3. sidan | 4. Difor</p></div></div>
</div>
</div><div class="ei">
<button class="etog"><span class="etit">Kjedeoppgåve: Bygg årsak–verknad-kjede</span><span class="b ob">Byggje</span><span class="b dm">Middels</span><svg class="earr" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="9 18 15 12 9 6"/></svg></button>
<div class="ec">
<p class="inst"><strong>Bygg ei kjede med minst 4 ledd.</strong> Kvart ledd er verknad av det førre og årsak til det neste.</p>
<p class="box box-inline"><strong>Start:</strong> Eit fiskegarn vert mista i havet.<br>→ ___ → ___ → ___ → ___</p>
<textarea class="write-area" id="ta-32" placeholder="Skriv her..." oninput="nlWC(this,'wc-32')"></textarea>
<div class="word-count" id="wc-32">0 ord</div>
<div class="ex-controls">
<button class="btn-reset" onclick="this.closest('.ec').querySelectorAll('textarea.write-area').forEach(function(t){t.value='';var wc=t.parentElement.querySelector('#'+'wc-'+t.id.substring(3));if(wc){nlWC(t,wc.id);}})">Tøm felt</button>
<button class="btn-fasit" data-fasit="fasit-32">Vis fasit</button>
</div>
<div class="fasit-box" id="fasit-32"><div class="fb"><div class="fl">Mogleg kjede</div>
<p>Garnrestar ligg på havbotnen → Fisk set seg fast → Fiskepopulasjonen minkar → Fiskarar får mindre å fange → Matsikkerheita vert svekka.</p></div></div>
</div>
</div></div></div>
<!-- REFERANSEKJEDE -->
<div class="card" data-cat="referansekjede">
<div class="ch">
<div class="ci" style="background:#E8F5EE;color:#1A7A50">🔗</div>
<div class="cm"><div class="ct"><span class="cn">Referansekjede</span><div class="cbdg"><span class="exc">3 oppg.</span></div></div>
<p class="cd">Unngå gjentaking – bruk pronomen, synonym og referansekjeder.</p></div>
<div class="ctog"><svg viewBox="0 0 24 24" fill="none"><polyline points="6 9 12 15 18 9"/></svg></div>
</div>
<div class="exlist"><div class="ei">
<button class="etog"><span class="etit">Referansekjede: Varier korleis du refererer</span><span class="b oo">Omskrive</span><span class="b dm">Middels</span><svg class="earr" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="9 18 15 12 9 6"/></svg></button>
<div class="ec">
<p class="inst"><strong>Skriv om avsnittet slik at ordet «plast» berre vert brukt éin gong.</strong></p>
<p class="box box-inline">Plast i havet er eit stort problem. Plast kjem frå land, frå skip og frå fiskeri. Plast søkk til botnen og vert verande der i hundrevis av år. Plast kan bli til mikroplast som er endå vanskelegare å fjerne. Plast er skadeleg for alle dyr i havet.</p>
<textarea class="write-area" id="ta-33" placeholder="Skriv her..." oninput="nlWC(this,'wc-33')"></textarea>
<div class="word-count" id="wc-33">0 ord</div>
<div class="ex-controls">
<button class="btn-reset" onclick="this.closest('.ec').querySelectorAll('textarea.write-area').forEach(function(t){t.value='';var wc=t.parentElement.querySelector('#'+'wc-'+t.id.substring(3));if(wc){nlWC(t,wc.id);}})">Tøm felt</button>
<button class="btn-fasit" data-fasit="fasit-33">Vis fasit</button>
</div>
<div class="fasit-box" id="fasit-33"><div class="fb"><div class="fl">Mogleg versjon</div>
<p>Plast i havet er eit stort problem. <span class="ok2">Søppelet</span> kjem frå land, skip og fiskeri. <span class="ok2">Det</span> søkk til botnen og ligg der i hundrevis av år. Over tid bryt <span class="ok2">materialet</span> ned til mikroplast. <span class="ok2">Dette avfallet</span> er skadeleg for alt dyreliv i havet.</p></div></div>
</div>
</div><div class="ei">
<button class="etog"><span class="etit">Forbode nøkkelord: Skriv utan gjentaking</span><span class="b ob">Byggje</span><span class="b da">Vidarekomande</span><svg class="earr" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="9 18 15 12 9 6"/></svg></button>
<div class="ec">
<p class="inst"><strong>Skriv eit avsnitt om eitt av emna.</strong> Regelen: Hovudordet kan brukast <em>éin gong</em> – elles må du bruke andre referansar.</p>
<p class="box box-inline">Emne A: <em>Kunstig intelligens</em> | Emne B: <em>Sosiale medium</em> | Emne C: <em>Vintersport</em></p>
<textarea class="write-area" id="ta-34" placeholder="Skriv her..." oninput="nlWC(this,'wc-34')"></textarea>
<div class="word-count" id="wc-34">0 ord</div>
<div class="ex-controls">
<button class="btn-reset" onclick="this.closest('.ec').querySelectorAll('textarea.write-area').forEach(function(t){t.value='';var wc=t.parentElement.querySelector('#'+'wc-'+t.id.substring(3));if(wc){nlWC(t,wc.id);}})">Tøm felt</button>
<button class="btn-fasit" data-fasit="fasit-34">Vis rettleiing</button>
</div>
<div class="fasit-box" id="fasit-34"><div class="fb"><div class="fl">Rettleiing</div>
<p>Sjekk: Har eleven brukt pronomen (det, dei), synonym (t.d. «teknologien», «verktøyet» for KI) og omskrivingar («denne innovasjonen», «fenomenet»)?</p></div></div>
</div>
</div><div class="ei">
<button class="etog"><span class="etit">Kor mange namn? Finn fem referansar</span><span class="b ob">Byggje</span><span class="b dm">Middels</span><svg class="earr" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="9 18 15 12 9 6"/></svg></button>
<div class="ec">
<p class="inst"><strong>Finn fem ulike måtar å referere til «plastforureining i havet»</strong> seinare i ein tekst.</p>
<p class="box box-inline mono">1. ___ 2. ___ 3. ___ 4. ___ 5. ___</p>
<textarea class="write-area" id="ta-35" placeholder="Skriv her..." oninput="nlWC(this,'wc-35')"></textarea>
<div class="word-count" id="wc-35">0 ord</div>
<div class="ex-controls">
<button class="btn-reset" onclick="this.closest('.ec').querySelectorAll('textarea.write-area').forEach(function(t){t.value='';var wc=t.parentElement.querySelector('#'+'wc-'+t.id.substring(3));if(wc){nlWC(t,wc.id);}})">Tøm felt</button>
<button class="btn-fasit" data-fasit="fasit-35">Vis fasit</button>
</div>
<div class="fasit-box" id="fasit-35"><div class="fb"><div class="fl">Mogleg fasit</div>
<p>1. «dette miljøproblemet» | 2. «havforsøplinga» | 3. «problemet» | 4. «denne utfordringa» | 5. «det» (pronomen)</p></div></div>
</div>
</div></div></div>
<!-- LOGISK STRUKTUR -->
<div class="card" data-cat="logisk-struktur">
<div class="ch">
<div class="ci" style="background:#E8F5EE;color:#1A7A50">📐</div>
<div class="cm"><div class="ct"><span class="cn">Logisk struktur</span><div class="cbdg"><span class="exc">3 oppg.</span></div></div>
<p class="cd">Ordne avsnitt logisk, finne brot i argumentet og planleggje disposisjon.</p></div>
<div class="ctog"><svg viewBox="0 0 24 24" fill="none"><polyline points="6 9 12 15 18 9"/></svg></div>
</div>
<div class="exlist"><div class="ei">
<button class="etog"><span class="etit">Rekkjefølgjeoppgåve: Ordne avsnitt logisk</span><span class="b or">Rangere</span><span class="b dm">Middels</span><svg class="earr" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="9 18 15 12 9 6"/></svg></button>
<div class="ec">
<p class="inst"><strong>Set dei fire avsnitta i logisk rekkjefølgje og forklar kvifor.</strong></p>
<div class="rank-list" id="rank-36" data-items='[{"id": "A", "text": "A: «Det finst fleire tiltak: betre avfallssortering, internasjonale avtalar og forbrukarmakt.»"}, {"id": "B", "text": "B: «Plastforureining i havet er eit av dei mest alvorlege miljøproblema i vår tid.»"}, {"id": "C", "text": "C: «Konsekvensane er alvorlege: dyr døyr, giftstoff spreier seg og strender vert øydelagde.»"}, {"id": "D", "text": "D: «Plasten kjem hovudsakleg frå fiskeri, skipstrafikk og avfall frå land.»"}]' data-correct='["B", "D", "C", "A"]'></div>
<div class="ex-controls">
<button class="btn-check" data-check="rank" data-target="rank-36" data-score="score-36">Sjekk rekkjefølgje</button>
<button class="btn-reset" data-reset="rank" data-target="rank-36" data-score="score-36">Bland på nytt</button>
<span class="ex-score" id="score-36"></span>
<button class="btn-fasit" data-fasit="fasit-36">Vis fasit</button>
</div>
<div class="fasit-box" id="fasit-36"><div class="fb"><div class="fl">Fasit</div>
<p><span class="ok2">B → D → C → A</span>: Introduser problem → forklár årsaker → vis konsekvensane → diskutér løysingar.</p></div></div>
</div>
</div><div class="ei">
<button class="etog"><span class="etit">Holoppgåve: Finn det logiske brottet</span><span class="b oi">Identifisere</span><span class="b dm">Middels</span><svg class="earr" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="9 18 15 12 9 6"/></svg></button>
<div class="ec">
<p class="inst"><strong>Klikk på avsnittet som ikkje høyrer heime.</strong></p>
<div class="mark-area" id="mark-37" data-score="score-37" data-answers='["s3"]'>
<span class="mark-item" data-key="s1">[1] KI er teknologi som let maskinar utføre oppgåver som tidlegare kravde menneskeleg intelligens.</span>
<span class="mark-item" data-key="s2">[2] Sjølvkøyrande bilar er eit godt eksempel – Waymo rapporterer at bilane er dobbelt så trygge som menneskelege sjåførar.</span>
<span class="mark-item" data-key="s3">[3] Brettspel som Monopol er populære over heile verda.</span>
<span class="mark-item" data-key="s4">[4] Likevel er KI omdiskutert: deepfakes og avhengigheit er mellom dei negative sidene.</span>
</div>
<div class="ex-controls">
<button class="btn-check" data-check="mark" data-target="mark-37" data-score="score-37">Sjekk svar</button>
<button class="btn-reset" data-reset="mark" data-target="mark-37" data-score="score-37">Start på nytt</button>
<span class="ex-score" id="score-37"></span>
<button class="btn-fasit" data-fasit="fasit-37">Vis fasit</button>
</div>
<div class="fasit-box" id="fasit-37"><div class="fb"><div class="fl">Fasit</div>
<p>Avsnitt 3 bryt logikken – handlar om brettspel, ikkje KI.</p>
<p>Betre alternativ: «Eit anna bruksområde er medisin, der KI kan diagnostisere sjukdommar raskare enn legar.»</p></div></div>
</div>
</div><div class="ei">
<button class="etog"><span class="etit">Disposisjonsoppgåve: Planlegg før du skriv</span><span class="b ob">Byggje</span><span class="b dm">Middels</span><svg class="earr" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="9 18 15 12 9 6"/></svg></button>
<div class="ec">
<p class="inst"><strong>Lag ein disposisjon for ein fagartikkel.</strong> Skriv temasetning for kvart avsnitt og vis at argumenta byggjer på kvarandre.</p>
<div class="ibox"><div class="box"><p>Vel: <em>Sosiale medium og ungdomsspråk</em> / <em>Plast i havet</em> / <em>Framtida for vintersport</em></p>
<p>Mal: Innleiing → Avsnitt 1 (___) → Avsnitt 2 (___) → Avsnitt 3 (___) → Avslutting (___)</p></div></div>
<textarea class="write-area" id="ta-38" placeholder="Skriv her..." oninput="nlWC(this,'wc-38')"></textarea>
<div class="word-count" id="wc-38">0 ord</div>
<div class="ex-controls">
<button class="btn-reset" onclick="this.closest('.ec').querySelectorAll('textarea.write-area').forEach(function(t){t.value='';var wc=t.parentElement.querySelector('#'+'wc-'+t.id.substring(3));if(wc){nlWC(t,wc.id);}})">Tøm felt</button>
<button class="btn-fasit" data-fasit="fasit-38">Vis rettleiing</button>
</div>
<div class="fasit-box" id="fasit-38"><div class="fb"><div class="fl">Rettleiing</div>
<p>Sjekk: (1) Avsnitt 1 føreset ikkje info frå avsnitt 3. (2) Logikken går frå det generelle til det konkrete, eller frå problem til løysing. (3) Avsluttinga tek ikkje opp nye argument.</p></div></div>
</div>
</div></div></div>
</div></section>
<!-- ══ GRUPPE 3: SJANGER OG TEKSTSTRUKTUR ══ -->
<section class="grp grp-sjanger">
<div class="glabel"><div class="gdot" style="background:#7B2FBE"></div><h2>Sjanger og tekststruktur</h2><span class="gcnt">6 kategoriar</span></div>
<div class="grid">
<h3 class="gsub">Sjangerkompetanse</h3>
<!-- TEKSTSTRUKTUR: DELANE I TEKSTEN -->
<div class="card" data-cat="tekststruktur-delar">