写一个js代码：a) 在页面设置<div>父元素，在父元素里设置img元素和i元素。 b) 给i元素添加onclick ()单击事件。 c) 处理onclick函数逻辑 d) 设置img元素的display属性为none；

HTML代码：

<div>
  <img src="https://example.com/image.jpg" alt="image">
  <i>Click me</i>
</div>

JavaScript代码：

const img = document.querySelector('div img');
const i = document.querySelector('div i');

i.onclick = function() {
  img.style.display = 'none';
  console.log('Image hidden');
};

注：以上代码通过获取DOM元素来实现要求，如果要灵活控制HTML结构，可以使用createElement()和appendChild()等方法。