# 在 URL 上顯示預設參數

## 程式碼

// cc0

// 預設 size 值為 100
const DEFAULT_SIZE = 100

// URL 參數
const URLParams = {
  size: DEFAULT_SIZE, // 圓的大小
  // 其他參數...
}

// 用來取得特定參數值的函數
function getSize(url) {
  // 取得參數值
  const size = float(url.searchParams.get("size"))
  // 如果沒指定值或不符合型態就設定成預設值，有指定就用指定值
  return isNaN(size) === true ? DEFAULT_SIZE : size
}

// 更新 URL 的函數
// 輸入參數:
//   url: 目前的 URL
//   params: 要更新的所有參數，本例為 URLParams
function updateURL(url, params) {
  const searchParams = url.searchParams
  for (const key in params) searchParams.set(key, params[key])
  const newURL = url.href
  window.history.replaceState({}, document.title, newURL)
}

function setup() {
  createCanvas(600, 600)
  background(0)

  // 先取得目前的 URL
  const url = new URL(window.location.href)

  // 更新 URLParams 內容成使用者指定的值
  URLParams.size = getSize(url)

  // 調用更新 URL 的函數
  updateURL(url, URLParams)

  // 使用參數 size 改變圓的大小
  circle(300, 300, URLParams.size)
}