Dartpad and Html

index.html

<p id="text1">
  origin text
</p>

main.dart

// https://dart.dev/tutorials/web/low-level-html/connect-dart-html
import 'dart:html';
  
void main() {
    // 選擇將 id 為 text1 的 text 文字設為 "changed"
    querySelector("#text1").text = "changed";
}

styles.css

/* 
    設定 id 為 text1 標註的 style
*/
#text1 {
  font-size: 20px;
  font-family: 'Open Sans', sans-serif;
  text-align: center;
  margin-top: 20px;
  background-color: SlateBlue;
  color: Yellow;
}