function Setup() { Setup.question = document.getElementById( "question"); Setup.question.innerHTML = "Make this code display 1, 2, 3, 5, 6, 7, 9, 10 by replacing the ? as needed."; Setup.code = document.getElementById("code"); Setup.code.value = "fun main(args: Array) {\n"+ " var num = 0\n"+ " while (++num <= 10) {\n"+ " if (num == 4 ? num == 8)\n"+ " continue\n"+ " print(\"$num \")\n }\n}"; resize(Setup.code); Setup.message = document.getElementById( "message"); Setup.message.value = "source.kt:4:17: error: expecting ')\n"+ " if (num == 4 ? num == 8)\n"+ " ^"; resize(Setup.message); Setup.next = document.getElementById("next"); Setup.next.onclick = first; Setup.right = 0; window.addEventListener("orientationchange", change); } function first() { if (Setup.code.value.replace(/ /g,''). includes("4||")) { Setup.right++; alert("Right!"); } else alert("Wrong! || expected."); Setup.question.innerHTML = "Replace the ?"+ " with the keyword to fix the error."; Setup.code.value = "fun main(args: Array"+ ") {\n var i = -1\n"+ " while (++i < 12)"+ "\n print(? (i) {\n 11 ->"+ " '!'\n 8 -> "+ "'r'\n 6 -> "+ "'W'\n 5 -> "+ "' '\n 4, 7 -> "+ "'o'\n 2, 3, 9 -> 'l'"+ "\n 1 -> 'e'\n"+ " 0 -> 'H'\n"+ " else -> 'd' })\n}"; resize(Setup.code); Setup.message.value = "source.kt:4:11: "+ "error: expecting an expression\n"+ " print(? (i) {\n ^"; resize(Setup.message); Setup.next.onclick = second; } function second() { if (Setup.code.value.replace(/ /g,''). includes("when(i)")) { Setup.right++; alert("Right!"); } else alert("Wrong! when expected."); Setup.question.innerHTML = "Fix the error"+ " assigning 4 when the condition is "+ "false. Place the additional code on "+ "the same line."; Setup.code.value = "fun main(args: Array"+ ") {\n val data = if (true)"+ " 5\n}"; resize(Setup.code); Setup.message.value = "source.kt:2:14: "+ "error: 'if' must have both main and"+ " 'else' branches if used as an"+ " expression\n val data = if (true)"+ " 5\n ^"; resize(Setup.message); Setup.next.onclick = third; } function third() { if (Setup.code.value.replace(/ /g,''). includes("else4") ||Setup.code.value. replace(/ /g,'').includes("else\n4")) { Setup.right++; alert("Right!"); } else alert("Wrong! else 4 expected."); Setup.question.innerHTML = "Replace the ?"+ " with the condition needed to output"+ " 1 to 10."; Setup.code.value = "fun main(args: Array"+ ") {\n var num = 1\n do {\n"+ " println(num++)\n } while (?)\n}"; resize(Setup.code); Setup.message.value = "source.kt:5:12: "+ "error: expecting an expression\n"+ " } while (?)\n ^"; resize(Setup.message); Setup.next.onclick = fourth; } function fourth() { if (Setup.code.value.replace(/ /g,''). includes("(num<=10)") || Setup.code. value.replace(/ /g,'').includes( "(num<11)")) { Setup.right++; alert("Right!"); } else alert("Wrong! num <= 10 expected."); Setup.question.innerHTML = "This program "+ "is meant to count down to 1 from 10."+ " Replace the ? with the statement "+ "needed to exit the infinite loop."; Setup.code.value = "fun main(args: Array"+ ") {\n var num = 10\n while"+ " (true) {\n println(num--)\n if"+ " (num < 1)\n ?\n }\n}"; resize(Setup.code); Setup.message.value = "source.kt:6:7: "+ "error: expecting an expression\n"+ " ?\n ^"; resize(Setup.message); Setup.next.onclick = fifth; } function fifth() { if (Setup.code.value.includes("break")) { Setup.right++; alert("Right!"); } else alert("Wrong! break expected."); Setup.question.innerHTML = ""; Setup.code.value = ""; resize(Setup.code); Setup.message.value = "You got "+ Setup.right+" of 5 correct."; resize(Setup.message); Setup.next.onclick = null; } function change() { setTimeout(function() { resize(Setup.code); resize(Setup.message); }, 100); } function resize(element) { element.style.height = "5px"; element.style.height = (element.scrollHeight)+"px"; }

Test(3) kt