Hack no 1: Explain, how console.log can help find errors in code?
console.log can help find errors in code by allowing a developer to print certain steps in their code to make sure things are working correctly. When I code, I often insert print statements in my code to make sure some variables are functioning correctly, and this works on the same principle.
Hack no 2: Relate console output on last step to a previous hack
This is similar to python, where we use the print function in python to check our variables
Hack no 3: Adapt this tutorial to your own work.
Okay…
%%js
console.log("Hello")
<IPython.core.display.Javascript object>
%%js
element.textContent = "Hello, World!";
<IPython.core.display.Javascript object>
%%js
element.textContent = "This is a demonstration of the tutorial";
var msg = "I am hungry";
element.textContent = msg
<IPython.core.display.Javascript object>
See how the above code does not work, lets resolve that
%%js
let message = ["I am hungry", "Good Morning!", "Hello!"];
element.textContent = message[0] += ", " + message[1]
<IPython.core.display.Javascript object>
Now that we know how we can concatenate strings and output them, lets create something a little fun! Lets create a input output system that can log messages!
%%js
let messages = ["Hello", "Hi"];
function messageLog(message) {
messages.push(message)
}
function getMessageNo(messageNo) {
return messages[messageNo]
}
element.textContent = getMessageNo(1)
<IPython.core.display.Javascript object>
Now lets try to get input
%%js
prompt("hello")
<IPython.core.display.Javascript object>
Finally, we drop in data, and enable a fetching mechanism at the end
%%js
let messages = ["Hello", "Hi"];
function messageLog(message) {
messages.push(message)
}
function getMessageNo(messageNo) {
return messages[messageNo]
}
var some_message = prompt("Enter your secret message...")
var message_no = prompt("Which message would you like to recieve?")
messageLog(some_message)
element.textcontent = getMessageNo(message_no)
<IPython.core.display.Javascript object>