Javascript/getElementById

解説 ID要素を取得

sample1

[p]

sample1code

function sample1Func() {
  var nyuryoku = document.getElementById("text").value;
  document.getElementById("syuturyoku").innerHTML = nyuryoku;
}

sample2

sample2p

sample2code

function sample2Func(){
  var sample2p = document.getElementById("sample2p");
  sample2p.style.color = "#ff7766";
  sample2p.innerHTML = "サンプル２";
}

sample3 s3p1 s3p2

s3Div

sample3code

function s3Func(s3Str){
  const s3Div = document.getElementById("s3Div");
  s3Div.innerHTML = s3Str;
}