CPSDay0
Wifi: DePaul Guest cafecs0823
Exploring Connections Identity Survey
https://forms.gle/ueSarse7zJ4pXRft8
Introductions
Shoulder Partners, Number 0, Number 1
Name
School
Courses Taught
Courses will be teaching1
Additional Thing About Yourself (Top Goals for This Week)
What is Computer Science? PollEv.com/richardkick860
What do Computer Scientists do? PollEv.com/richardkick860
Creativity
Abstraction
Data
Algorithms
Programming
Systems (Internet)
Impact
Creative Development
Data
Algorithms and Programming
Computer Systems and Networks
Impact of Computing
Connecting
Creating
Abstracting
Analyzing
Communicating
Collaborating
Computational Solution Design
Algorithms and Program Development
Abstraction in Program Development
Code Analysis
Computing Innovations
Responsible Computing
ICE2023.html
<!-- ==================================
============ ICE2023.html ============
================================== -->
<html>
<head>
<style>
body {
font-size: 14.1px;
font-family: "courier new";
}
textarea {
position: absolute;
margin-left: 20px;
width: 480;
}
button {
position: absolute;
margin-left: 500px;
}
#lineNumbers {
position: absolute;
margin-left: 0px;
margin-top: 5px;
}
#output {
position: absolute;
margin-left: 550px;
color: chocolate;
}
</style>
<script>
function getSpaces(num)
{
var temp = "<span>";
for (var rep = 0; rep < num; rep++)
{
temp += " ";
}
return temp + "</span>";
}
function setBackgroundColor(color)
{
document.body.style.background = color;
}
function makeLineOfColor(color)
{
document.getElementById("output").innerHTML += "<div style='background: " + color + "; color: " + color + ";'>_</div>";
}
function showLineNumbers()
{
document.getElementById("lineNumbers").innerHTML = "";
for (var rep = 0; rep < 30; rep++)
{
document.getElementById("lineNumbers").innerHTML += (rep+1) + "<br />";
}
}
function newLine()
{
document.getElementById("output").innerHTML += "<br />";
}
function showPic1(fileName)
{
document.getElementById("output").innerHTML += "<img src='" + fileName + "' />";
}
function showPic2(fileName, reps)
{
for (var rep = 0; rep < reps; rep++)
{
document.getElementById("output").innerHTML +=
"<img src='" + fileName + "' />";
}
}
function showPic3(fileName, width, height, reps)
{
for (var rep = 0; rep < reps; rep++)
{
document.getElementById("output").innerHTML +=
"<img src='" + fileName + "' width='" + width +
"' height='" + height + "' />";
}
}
function print(str)
{
document.getElementById("output").innerHTML += str;
}
function printLine(str)
{
document.getElementById("output").innerHTML += str + "<br />";
}
function run() {
document.getElementById("output").innerHTML = "";
var program = document.getElementById('input').value;
var programHolder = document.getElementById('holder');
if (programHolder) {
programHolder.parentNode.removeChild(programHolder);
}
var newProgram = document.createElement('script');
newProgram.id = 'holder';
newProgram.text = program;
document.body.appendChild(newProgram);
}
</script>
</head>
<body style="color: blue" onload="showLineNumbers()">
<textarea id="input" rows="31" cols="40"></textarea>
<button onclick="run();">run</button>
<div id="output"></div>
<div id="lineNumbers"></div>
</body>
</html>