Question

How can I this to jquery instead of it being javascript?

function showMssg() {

var message = document.getElementsByTagName('pre')[0];

var console = document.getElementById('console');

if (message.style.display == 'block') {

log += '

The log is now hidden.

';

message.style.display = 'none';

console.innerHTML = 'Show Console Log';

} else {

log += '

The log is now visible.

';

message.innerHTML = log;

message.style.display = 'block';

console.innerHTML = 'Hide Console Log';

}

}

Answer 1

Below is the jquery code along with output which i have checked.

function showMssg() {
var log = '';
var message = $('pre')[0];
var console = $('#console');
if (message.style.display == 'block') {
log += ' The log is now hidden. ';
message.style.display = 'none';
console.html('Show Console Log');
} else {
log += 'The log is now visible. ';
message.innerText = log;
message.style.display = 'none';
console.html('Hide Console Log');
}
}

output :

pre class-"pre" style-"display: none;">The log is now visible. </pre> <div id- "console" class-"ff">Hide Console Log</div>