* JavaScript (UserScript) * window.addEventListener('load', function() { var mail_address_input = document.getElementsByName('mail'); var len = mail_address_input.length; for (var i = 0; i < len; i++) { mail_address_input.item(i).value=`sage`; } if (len == 0) { } else { var body_elem = document.getElementsByTagName('body').item(0); body_elem.insertAdjacentHTML('afterbegin', '* HTML (Insert with insertAdjacentHTML) *'); } }) * HTML (Insert with insertAdjacentHTML) *
* CSS (Described directly on each tag) * div { position: fixed; bottom: 50px; right: 15px; background: rgba(220, 220, 220, 0.9); border-radius: 5px; box-shadow: 0 0 8px gray; padding-top: 5px; padding-bottom: 10px; padding-left: 10px; padding-right: 9px; letter-spacing: .01em; line-height: 1; user-select: none; z-index: 10000; } input { display: inline-block; margin: 0; box-sizing: content-box; width: 12px; height: 12px; vertical-align: middle; appearance: auto; } label { display: inline-block; font-weight: normal; font-size: large; margin: 0; letter-spacing: .01em; line-height: 1; padding-left: 4px; color: #000; } * JavaScript (In the onclick of the input tag) * var mail_address_input = document.getElementsByName(`mail`); var len = mail_address_input.length; if (document.getElementById(`sage-checkbox-greasyfork-org-users-1160382`).checked) { for (var i = 0; i < len; i++) { mail_address_input.item(i).value=`sage`; } } else { for (var i = 0; i < len; i++) { if (mail_address_input.item(i).value == `sage`) { mail_address_input.item(i).value=``; } } }