2020年9月3日 星期四

[javascript, button] How to create a button

 

  1. [javascript, button] How to create a button


// client.js

'use strict';


let button = document.createElement('button');

button.innerHTML = 'ok';  // set the button content = "ok"

button.addEventListener('click', function() {

    console.log('clicked');

});


var body = document.getElementsByTagName("body")[0];

body.appendChild(button);



<!-- File: client.html -->

<!doctype html>

<html lang="en">

<body>

<h1>Test</h1>

<script src="client.js"></script>



JavascriptDebugQ: Browser 的 javascript 可以單步除錯嗎? Yes
JavascriptDebugQ: 如何進入 Chrome DevTool 進行 Javascrpt 除瘥?
=> Ctrl + Shift + I
JavascriptDebugQ: 如何印出 Debug Message?
=> console.log('addend1:', addend1);


Reference
https://codepen.io/davidcochran/pen/WbWXoa
at