今後講義でこのブログを使う予定なので、任意のJavaScriptコードを実行できるようにした。
<div>
<input type="number" id="a">
<span>+</span>
<input type="number" id="b">
<span>=</span>
<span id="ans"></span>
<br>
<input type="button" value="calc" id="calc">
</div>
JavaScript
document.getElementById("calc").onclick = function(){
let a = parseInt(document.getElementById("a").value,10);
let b = parseInt(document.getElementById("b").value,10);
document.getElementById("ans").innerHTML = a+b;
}
cdnからライブラリを読み込んだりも可能
コード
HTML
<canvas id="myChart"></canvas>
JavaScript
if(typeof(script) == "undefined"){
let script = document.createElement('script');
script.src = "https://cdn.jsdelivr.net/npm/chart.js"
document.head.append(script);
script.onload = function() {
createChart();
};
}else{
createChart();
}
function createChart(){
new Chart(document.getElementById('myChart'), {
type: 'pie',
data: {
labels: ['A', 'B', 'C'],
datasets: [{
label: '割合',
data: [20,50,30],
backgroundColor: [
'rgb(255, 99, 132)',
'rgb(54, 162, 235)',
'rgb(255, 205, 86)'
],
hoverOffset: 4
}]
},
});
}
vue-scrolltoとv-b-scrollspyが共存したらかっこよかった
2021年12月1日(水) 16時37分57秒 | 184 viewFTP-Deploy-Actionが突然動かなくなった
2023年1月31日(火) 6時42分24秒 | 74 viewactions-js/push@masterでのデフォルトブランチがmasterからmainに変わっていてCIが動かなくなっていた
2021年8月30日(月) 8時49分10秒 | 57 viewあえてこのタイミングではてなブックマークに対応した
2023年7月26日(水) 17時7分21秒 | 30 viewテキストから一意の値を算出する
2020年10月27日(火) 14時9分41秒 | 25 view