El método console.log() en HTML se usa para escribir un mensaje en la consola. Indica un mensaje importante durante la prueba de cualquier programa. El mensaje se envía como parámetro al método console.log() .
Sintaxis:
console.log( message )
Parámetros: este método acepta un mensaje de parámetro único que es obligatorio y se utiliza para especificar la información que se escribirá en la consola.
Los siguientes programas ilustran el método console.log() en HTML:
Ejemplo 1:
html
<!DOCTYPE html>
<html>
<head>
<title>DOM console.log() Method</title>
<style>
h1 {
color: green;
}
h2 {
font-family: Impact;
}
body {
text-align: center;
}
</style>
</head>
<body>
<h1>GeeksforGeeks</h1>
<h2>DOM console.log() Method</h2>
<p>
To view the message in the console
press the F12 key on your keyboard.
</p>
<p>
To view the message, double click
the button below:
</p>
<br>
<button ondblclick="log_console()">
View Message
</button>
<script>
function log_console() {
console.log
("GeeksforGeeks is a portal for geeks.");
}
</script>
</body>
</html>
Producción:
Vista de consola:
Ejemplo 2: Mostrar un objeto mientras se usa el método console.log()
html
<!DOCTYPE html>
<html>
<head>
<title>DOM console.log() Method</title>
<style>
h1 {
color: green;
}
h2 {
font-family: Impact;
}
body {
text-align: center;
}
</style>
</head>
<body>
<h1>GeeksforGeeks</h1>
<h2>DOM console.log( ) Method</h2>
<p>
To view the message in the console
press the F12 key on your keyboard.
</p>
<p>
To view the message, double click
the button below:
</p>
<br>
<button ondblclick="log_console()">
View Message
</button>
<script>
function log_console() {
var MyElement = {
Product: "Coca Cola",
Type: "Beverage"
};
console.log(MyElement);
}
</script>
</body>
</html>
Producción:
Vista de consola:
Navegadores compatibles: los navegadores compatibles con el método console.log() se enumeran a continuación:
- Google Chrome 1.0 y superior
- Borde 12.0 y superior
- Internet Explorer 8.0
- Firefox 4.0 y superior
- Ópera 10.5 y superior
- Safari 3.0 y superior
Publicación traducida automáticamente
Artículo escrito por Shubrodeep Banerjee y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA