Bookmarkify.it - Create bookmarklets from your javascript!

Your Bookmarklet

Your bookmarklet is ready, drag the link to your bookmark bar.

You can also adjust your code again below.

If you are a human, ignore this field

Name it
Javascript it

var baseId = 'io-github-shunshun94-dx3-util-fairyHandUtil-';

if(document.getElementById(`${baseId}`)) {
  document.getElementById(`${baseId}`).remove();
}

var element = document.createElement('div');
element.id = baseId;
element.style='padding:4px;position:fixed;top:0px;left:0px;background-color:white;width:400px;height:100px;z-index:90;border:double black 4px;';
element.textContent='オンセ用妖精の手シミュレータ';

var inputBase = document.createElement('p');
inputBase.textContent = '元々の判定結果:';
var input = document.createElement('input');
input.id = `${baseId}input`;
inputBase.append(input);

var resultBase = document.createElement('p');
resultBase.textContent = '　振り直しの式:';
var result = document.createElement('input');
result.id = `${baseId}result`;
resultBase.append(result);

var close = document.createElement('button');
close.textContent = '×';
close.style = 'position:absolute;right: 4px;top:4px;display:block;';
close.id = `${baseId}close`;

input.addEventListener('input', (e)=>{
  e.preventDefault();
  e.stopPropagation();
  document.getElementById(`${baseId}result`).value = generateFairyHandCommand(e.target.value);
});
result.addEventListener('click', (e)=>{
  e.preventDefault();
  e.stopPropagation();
  e.target.focus();
  e.target.setSelectionRange(0, e.target.value.length);
  document.execCommand('copy');
  alert(`コピーしました\n> ${e.target.value}`)
});
close.addEventListener('click', (e)=>{
  e.preventDefault();
  e.stopPropagation();
  document.getElementById(`${baseId}`).remove();
});

element.append(inputBase);
element.append(resultBase);
element.append(close);

document.getElementsByTagName('body')[0].append(element);

Include it

add file