querySelector instead of getElementById